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


Posted in jQuery onJanuary 22, 2018

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

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

以上这篇jquery在启动页面时,自动加载数据的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
jQuery插件HighCharts绘制2D饼图效果示例【附demo源码下载】
Mar 21 jQuery
基于jQuery实现的Ajax 验证用户名唯一性实例代码
Jun 28 jQuery
jQuery实现简单日期格式化功能示例
Sep 19 jQuery
jquery select插件异步实时搜索实例代码
Oct 20 jQuery
jQuery实现浏览器之间跳转并传递参数功能【支持中文字符】
Mar 28 jQuery
jQuery插件实现的日历功能示例【附源码下载】
Sep 07 jQuery
jquery实现动态创建form并提交的方法示例
May 27 jQuery
jquery多级树形下拉菜单的实例代码
Jul 09 jQuery
jquery实现商品sku多属性选择功能(商品详情页)
Dec 20 jQuery
jQuery实现朋友圈查看图片
Sep 11 jQuery
JQuery Ajax如何实现注册检测用户名
Sep 25 jQuery
jquery实现抽奖功能
Oct 22 jQuery
浅谈ajax在jquery中的请求和servlet中的响应
Jan 22 #jQuery
jquery+ajaxform+springboot控件实现数据更新功能
Jan 22 #jQuery
bootstrap+jquery项目引入文件报错的解决方法
Jan 22 #jQuery
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
Jan 21 #jQuery
jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法
Jan 18 #jQuery
基于jquery的on和click的区别详解
Jan 15 #jQuery
vue-cli webpack 引入jquery的方法
Jan 10 #jQuery
You might like
PHP 页面编码声明方法详解(header或meta)
2010/03/12 PHP
PHP中SSO Cookie登录分析和实现
2015/11/06 PHP
PHP快速推送微信模板消息
2017/04/14 PHP
解决laravel-admin 自己新建页面里 js 需要刷新一次的问题
2019/10/03 PHP
PHP dirname功能及原理实例解析
2020/10/28 PHP
用Javascript评估用户输入密码的强度实现代码
2011/11/30 Javascript
javascript中window.event事件用法详解
2012/12/11 Javascript
Bootstrap学习系列之使用 Bootstrap Typeahead 组件实现百度下拉效果
2016/07/07 Javascript
AngularJS 视图详解及示例代码
2016/08/17 Javascript
需要牢记的JavaScript基础知识
2016/09/25 Javascript
Angular和Vue双向数据绑定的实现原理(重点是vue的双向绑定)
2016/11/22 Javascript
jQuery扩展实现text提示还能输入多少字节的方法
2016/11/28 Javascript
基于react组件之间的参数传递(详解)
2017/09/05 Javascript
jQuery实现碰到边缘反弹的动画效果
2018/02/24 jQuery
JS实现百度网盘任意文件强制下载功能
2018/08/31 Javascript
JS通过ajax + 多列布局 + 自动加载实现瀑布流效果
2019/05/30 Javascript
[00:57]林俊杰助阵DOTA2亚洲邀请赛
2015/01/28 DOTA
[01:01:24]LGD vs Fnatic 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
[49:17]DOTA2-DPC中国联赛 正赛 Phoenix vs Dynasty BO3 第三场 1月26日
2021/03/11 DOTA
Python ldap实现登录实例代码
2016/09/30 Python
python 调用HBase的简单实例
2016/12/18 Python
Python爬虫_城市公交、地铁站点和线路数据采集实例
2018/01/10 Python
Pandas过滤dataframe中包含特定字符串的数据方法
2018/11/07 Python
Python 类属性与实例属性,类对象与实例对象用法分析
2019/09/20 Python
CSS3 重置iphone浏览器按钮input,select等表单元素的默认样式
2014/10/11 HTML / CSS
成都思必达公司C#程序员招聘面试题
2013/06/26 面试题
美德好少年主要事迹
2014/01/29 职场文书
《燕子专列》教学反思
2014/02/21 职场文书
机械工程师岗位职责
2014/06/16 职场文书
物理分数没达标检讨书
2014/09/13 职场文书
幼儿园食品安全责任书
2015/05/08 职场文书
制定企业培训计划的五大要点!
2019/07/10 职场文书
详解python的内存分配机制
2021/05/10 Python
pytorch 实现多个Dataloader同时训练
2021/05/29 Python
Python深度学习之实现卷积神经网络
2021/06/05 Python
Java中try catch处理异常示例
2021/12/06 Java/Android