jquery在啟動頁面時,自動載入資料的執行個體，jquery執行個體

jquery在啟動頁面時,自動載入資料的執行個體，jquery執行個體

其實，重要的就是這個方法：

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

具體的在jquery中：

具體的ajax怎麼使用，可以查看我的上一篇部落格《淺談ajax在jquery中的請求和servlet中的響應》

<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" style="text-align:center;">   <div class="row marg" >    <h3>維修單</h3>    <table border="2 " style="width:100%;text-align:center;">     <tr class="tabletr">     <th>序號</th>     <th>業主名</th>     <th>連絡方式</th>     <th>時間</th>     <th>地址</th>     <th>項目描述</th>     <th>狀態</th>     </tr>    </table>    </div> </div>

以上這篇jquery在啟動頁面時,自動載入資料的執行個體就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援幫客之家。