您的位置:首页 > Web前端 > JQuery

页面上使用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对应的元素值
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: