So laden Sie Daten automatisch mit jquery

Im Folgenden werde ich Ihnen ein Beispiel für das automatische Laden von Daten durch JQuery beim Starten der Seite vorstellen. Es hat einen guten Referenzwert und ich hoffe, dass es für alle hilfreich ist.

Eigentlich ist diese Methode wichtig:

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

Speziell in jquery:

Genauere Informationen zur Verwendung von Ajax finden Sie in meinem letzten Blog „Ein kurzer Vortrag über Ajax-Anfragen in JQuery und Antworten in Servlets“

<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>

In 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>

Das Obige habe ich für Sie zusammengestellt. Ich hoffe, es wird Ihnen in Zukunft hilfreich sein.

Verwandte Artikel:

Was sind die Anwendungsszenarien von Unterprozessen in Node.js?

Detaillierte Interpretation des Dateisystems und damit verbundener Probleme im nodeJs Stream

Was sind die Javascript-Debugging-Befehle?

Das obige ist der detaillierte Inhalt vonSo laden Sie Daten automatisch mit jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!