jquery在啟動頁面時,自動加載數(shù)據(jù)的實例
更新時間:2018年01月22日 15:18:49 作者:星空下的那個人影
下面小編就為大家分享一篇jquery在啟動頁面時,自動加載數(shù)據(jù)的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
其實,重要的就是這個方法:
$(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>業(yè)主名</th> <th>聯(lián)系方式</th> <th>時間</th> <th>地址</th> <th>項目描述</th> <th>狀態(tài)</th> </tr> </table> </div> </div>
以上這篇jquery在啟動頁面時,自動加載數(shù)據(jù)的實例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
實現(xiàn)音樂播放器的代碼(html5+css3+jquery)
這篇文章主要講實現(xiàn)音樂播放器的代碼(html5+css3+jquery),需要的朋友可以參考下2015-08-08jQuery 獲取select選中值及清除選中狀態(tài)
這篇文章主要介紹了jQuery 獲取select選中值及清除選中狀態(tài)的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-12-12探討在JQuery和Js中,如何讓ajax執(zhí)行完后再繼續(xù)往下執(zhí)行
查了不少資料,最后,還是jquery指南的書上找到了詳細的參數(shù)(async: false,),做好后,示例代碼放上,如下所示,需要的朋友可以參考下2013-07-07jQuery實現(xiàn)獲取table表格第一列值的方法
這篇文章主要介紹了jQuery實現(xiàn)獲取table表格第一列值的方法,涉及jQuery針對table表格元素的遍歷與讀取相關技巧,需要的朋友可以參考下2016-03-03jQuery 判斷是否包含在數(shù)組中Array[]的方法
下面小編就為大家?guī)硪黄猨Query 判斷是否包含在數(shù)組中Array[]的方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-08-08