시작 페이지에서 즉시 데이터를 로드하도록 jquery 구현

이번에는 시작 페이지에서 데이터를 즉시 로드할 수 있는 jquery를 구현하는 노트를 가져오겠습니다.

사실 중요한 것은 이 방법입니다:

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

특히 jquery에서:

ajax를 사용하는 구체적인 방법에 대해서는 이전 블로그인 "A Brief Talk on Ajax Requests in jquery"를 확인하실 수 있습니다. 그리고 servlet》

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

in jsp의 응답:

<p>
   </p><p>
    </p><h3 id="维修单">维修单</h3>
    

                                                          

序号	业主名	联系方式	时间	地址	项目描述	状态

      

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 콘텐츠를 보려면 PHP 중국어 웹사이트other에 주목하세요. 조항!

추천 자료:

입력 상자와 드롭다운 상자 사이의 연결 효과 실현

jquery를 사용하여 입력 상자의 텍스트 내용을 조작하세요

위 내용은 시작 페이지에서 즉시 데이터를 로드하도록 jquery 구현의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!