页面上使用jQuery显示数据
2016-03-17 19:45
316 查看
1.
$(document).ready(function(){ //加载事件或者元素 }); 所有包括在$(document).ready()里面的元素或事件都将会在DOM完成加载之后立即加载,并且在页面内容加载之前。 2.ajax请求 $.ajax({ type: "post",//请求方式 url: "/url",//请求路径 data:{ //请求参数 }, dataType:"text", //返回数据类型,text为纯文本字符串类型,json为json对象 success: function(data){ //请求成功后返回的数据存放在data中 } });
3.将返回的数据赋值给标签元素
$(".id").val(result.data[i].id);
4.取标签id为id的标签的值
$(".id").val()
5.页面跳转
location.href = "/index";//跳转url
6.用js弹出隐藏的div框,并居中显示在屏幕上
css样式:
<styletype="text/css">.pop{width:100%;height:100%;position:fixed;_position:absolute;background: #ffffff;left:0;top:0;display:none;z-index:99;}</style>对应的js代码:
$(".pop").css("left", (document.documentElement.clientWidth ||document.body.clientWidth)/2 - (document.documentElement.scrollLeft ||document.body.scrollLeft)/2 -$(".pop").width()/2);显示的class$(".register").show();7.遍历请求成功后返回数据
$.each(resultObj.data, function(index,value) {
//index表示遍历元素的位置
//value表示遍历元素的值
);
8.$("#")和$(".")取标签值
$("#")取id对应的元素值
$(".")取class对应的元素值
相关文章推荐
- 在asp.net工程中使用jQuery-ui的autocomplete功能
- js、jQuery、layer实现弹出层的打开、关闭
- jquery 时间大小比较和获取当前时间
- jQuery基础知识整理(1)
- Jquery实现ajax三级联动
- 30+最佳Ajax jQuery的自动完成插件的例子
- jQuery获取Select选择的Text和 Value(转)
- 多日低效率关于$post,$get,$ajax的感悟
- jQuery.Autocomplete实现自动完成功能(详解)
- jquery获取iframe页面中的元素
- 如何在网页中添加 jQuery。
- Spring+SpringMVC+mybatis+Jquery easyUI框架整合
- Ajax JQuery HTML 提交上传文件File HTML+ Ajax+ASP.NET+ WebService
- jquery.chosen 强大的jquery模拟下拉框(select)插件
- widget jquery 理解
- 长按事件jquery mobile
- JQuery动态元素事件绑定问题
- JQuery中$.ajax()方法参数详解
- jQuery ajax 返回的数据类型
- jquery基础知识第一讲之认识jquery