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

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

原文 http://blog.csdn.net/sb_jb/article/details/79105670

2018-01-20 02:00:14阅读(431)

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

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



最新发布

CentOS专题

关于本站

5ibc.net旗下博客站精品博文小部分原创、大部分从互联网收集整理。尊重作者版权、传播精品博文,让更多编程爱好者知晓!

小提示

按 Ctrl+D 键,
把本文加入收藏夹