1. 程式人生 > >jquery在啟動頁面時,自動載入資料

jquery在啟動頁面時,自動載入資料

其實,重要的就是這個方法:

 $(document).ready(function(){
 }
具體的在jquery中:
<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>
在jsp中:
<div class="tab-pane active" id="A" style="text-align:center;">
                        <div 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>
                            </div>
  </div>