前端知识点补充（ajax、json）

1.ajax

作用：异步请求，局部更新，在不重新加载页面的情况下，发送请求，更新页面。

1.1原生js发送ajas

//1.获取xmlhttp对象
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
//2.使用该对象发送请求
xmlhttp.open("GET","testServlet",true);
xmlhttp.send();//提交请求
//3.检测服务器响应后调用方法
xmlhttp.onreadystatechange=function()
{
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
        //获取响应文本内容
        alert(xmlhttp.responseText);
    }
}

1.2 jquery发送ajax

1. $.ajax

$.ajax({
    url:"testServlet",//请求地址
    type:"POST",//请求方式
    data:({"userName":"曾沛鑫","age":23}),//请求数据
    success:function(data){//回调函数
        alert(data);
    },
    error:function(){//异常处理
        alert("请求出现错误执行");
    }
});

2. $.get

$.get("testServlet",{"userName":"曾沛鑫","age":23},function (data) {
    alert(data);
},"text");

3. $.post

$.post("testServlet",{"userName":"曾沛鑫","age":23},function (data) {
    alert(data);
},"text");

2. json

json的数据个数类似于java中的集合，与数组的形式

var parson = {"userName":"张三","age":23,"gender":true}
var ps = [{"userName":"张三","age":23,"gender":true},
            {"userName":"张三","age":23,"gender":true},
            {"userName":"张三","age":23,"gender":true},];
// for(var key in parson){
//     alert(key+":"+parson[key]);
// }
for(var key in ps){
    var p2 = ps[key];
    for(var k2 in p2){
        alert(k2+":"+p2[k2]);
    }
}