ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryでデータを自動ロードする方法

jqueryでデータを自動ロードする方法

亚连
リリース: 2018-06-11 10:25:54
オリジナル
2321 人が閲覧しました

以下に、ページの開始時にデータを自動的にロードする jquery の例を紹介します。これは良い参考値であり、皆さんの役に立つことを願っています。

実際、重要なのはこのメソッドです:

$(document).ready(function(){ 
}
ログイン後にコピー

具体的には jquery:

ajax の具体的な使用方法については、以前のブログ「jquery での ajax リクエストについての簡単な話」を参照してください。 " そして、サーブレットでの応答》

<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][&#39;status&#39;];
 	 		if( status == 0 || status == -4){
 	 		strA = &#39;<a class="m1" value="&#39;+ data[i][&#39;orderId&#39;] +&#39;">未处理</a>&#39;;
 	 		}else if( status == -1 || status == -2){
 	 		strA = &#39;<a class="m2" value="&#39;+ data[i][&#39;orderId&#39;] +&#39;">已接受</a>&#39;;
 	 		}else if( status == -3){
 	 		strA = &#39;<a class="m3" value="&#39;+ data[i][&#39;orderId&#39;] +&#39;">已完成</a>&#39;;
 	 		}
 	 		str +="<tr><td>" + num + "</td><td>" 
 	 			+ data[i][&#39;ownerName&#39;] + "</td><td>"
 	 			 + data[i][&#39;telephone&#39;] + "</td><td>" 
 	 			+ data[i][&#39;hopeTimeName&#39;] + "</td><td>" 
 	 			+ data[i][&#39;build&#39;] + "</td><td>"
 	 			+ data[i][&#39;description&#39;] + "</td><td>"
 	 			+ strA + "</td>";
 	 			+ "</tr>";
 	 	}
 	 		$(".tabletr").after(str);
 	 },
 	 error: function(data){
 	 	
 	 }
 		}) 	
 	});
</script>
ログイン後にコピー

jsp:

<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>
ログイン後にコピー

上記は、皆さんのために私がまとめたものです。将来皆さんのお役に立てれば幸いです。

関連記事:

Node.jsのサブプロセスのアプリケーションシナリオとは何ですか?

nodeJsのファイルシステムとフローの詳細な解釈

Javascriptのデバッグコマンドとは何ですか?

以上がjqueryでデータを自動ロードする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート