Implementieren Sie jquery, um Daten sofort auf der Startseite zu laden

Dieses Mal werde ich Ihnen die Vorsichtsmaßnahmen zur Implementierung von JQuery vorstellen, um Daten sofort auf der Startseite zu laden. Hier sind die tatsächlichen Fälle, werfen wir einen Blick darauf.

Tatsächlich ist diese Methode wichtig:

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

Speziell in JQuery:

Weitere Informationen zur Verwendung von Ajax finden Sie in meinem vorherigen Blog „Eine kurze Diskussion über Ajax-Anfragen in JQuery und Antworten in 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="&#39;+ data[i][&#39;orderId&#39;] +&#39;">未处理</a>';
 	 		}else if( status == -1 || status == -2){
 	 		strA = '<a class="m2" value="&#39;+ data[i][&#39;orderId&#39;] +&#39;">已接受</a>';
 	 		}else if( status == -3){
 	 		strA = '<a class="m3" value="&#39;+ data[i][&#39;orderId&#39;] +&#39;">已完成</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>

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>

Ich glaube, Sie haben die Methode gemeistert, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie auf der chinesischen PHP-Website anderer Artikel!

Empfohlene Lektüre:

Den Verknüpfungseffekt zwischen dem Eingabefeld und dem Dropdown-Feld erkennen

JQuery zum Bearbeiten des Textes verwenden Inhalt des Eingabefeldes

Das obige ist der detaillierte Inhalt vonImplementieren Sie jquery, um Daten sofort auf der Startseite zu laden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!