jquery在启动页面时,自动加载数据

其实,重要的就是这个方法:

 $(document).ready(function(){
 }
具体的在jquery中:

具体的ajax怎么使用,可以查看我的上一篇博客《ajax在jquery中的请求和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="'+ 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>



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值