页面上使用jQuery显示数据

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样式：
<style type="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对应的元素值