溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

jquery在啟動(dòng)頁面時(shí),自動(dòng)加載數(shù)據(jù)的實(shí)例

發(fā)布時(shí)間：2020-08-21 06:30:45 來源：腳本之家 閱讀：183 作者：星空下的那個(gè)人影 欄目：web開發(fā)

其實(shí)，重要的就是這個(gè)方法：

$(document).ready(function(){ 
}

具體的在jquery中：

具體的ajax怎么使用，可以查看我的上一篇博客《淺談ajax在jquery中的請(qǐng)求和servlet中的響應(yīng)》

<script type="text/javascript">
 $(document).ready(function(){
		var str = "";
		var strA = "";
  $.ajax({
 		type: "GET",
 	 url: "<%=path%>" + "/queryOrder.do",
 	 dataType: "json",
 	 async:false,
 	 data:{
 	 	 
 	 	 },
 	 success: function(data){
 	 	for (var i in data)
 	 	{
 	 		var num = parseInt(i) + 1;
 	 		var status = data[i]['status'];
 	 		if( status == 0 || status == -4){
 	 		strA = '<a class="m1" value="'+ data[i]['orderId'] +'">未處理</a>';
 	 		}else if( status == -1 || status == -2){
 	 		strA = '<a class="m2" value="'+ data[i]['orderId'] +'">已接受</a>';
 	 		}else if( status == -3){
 	 		strA = '<a class="m3" value="'+ data[i]['orderId'] +'">已完成</a>';
 	 		}
 	 		str +="<tr><td>" + num + "</td><td>" 
 	 			+ data[i]['ownerName'] + "</td><td>"
 	 			 + data[i]['telephone'] + "</td><td>" 
 	 			+ data[i]['hopeTimeName'] + "</td><td>" 
 	 			+ data[i]['build'] + "</td><td>"
 	 			+ data[i]['description'] + "</td><td>"
 	 			+ strA + "</td>";
 	 			+ "</tr>";
 	 	}
 	 		$(".tabletr").after(str);
 	 },
 	 error: function(data){
 	 	
 	 }
 		}) 	
 	});
</script>

在jsp中：

<div class="tab-pane active" id="A" >
   <div class="row marg" >
    <h4>維修單</h4>
    <table border="2 " >
     <tr class="tabletr">
     	<th>序號(hào)</th>
     <th>業(yè)主名</th>
     <th>聯(lián)系方式</th>
     <th>時(shí)間</th>
     <th>地址</th>
     <th>項(xiàng)目描述</th>
     <th>狀態(tài)</th>
     </tr>
    </table>
    </div>
 </div>

以上這篇jquery在啟動(dòng)頁面時(shí),自動(dòng)加載數(shù)據(jù)的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手