ホームページ > 記事 > ウェブフロントエンド > 起動ページにすぐにデータをロードするための jquery の実装
今回は、スタートアップページにデータをすぐにロードするためのjqueryを実装するためのメモを紹介します。
実際、重要なのはこのメソッドです:
$(document).ready(function(){ }
具体的には jquery:
ajax の具体的な使用方法については、以前のブログ「jquery での ajax リクエストについての簡単な話」を参照してください。 " そして、jsp の 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>
の応答:
<p class="tab-pane active" id="A" style="text-align:center;"> <p 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> </p> </p>
この記事のケースを読んだ後は、この方法をマスターしたと思います。さらにエキサイティングなコンテンツについては、php 中国語 Web サイトother に注目してください。関連記事!
推奨読書:
jqueryを使用して入力ボックスのテキストコンテンツを操作する
以上が起動ページにすぐにデータをロードするための jquery の実装の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。