Ajax 学习手记 Jquery实现

一、 JSON格式

1. JSON语法规则
   例子：
   {
   "staff":[
   {"name":"波波"，"age":25} // 所有都用双引号
   {"name":"慧慧"，"age":23}
   {"name":"可乐"，"age":3}
   ]
   }
2. JSON的解析 JSON.parse()
   var jsondata = ‘{ "staff":[ {"name":"波波"，"age":25} {"name":"慧慧"，"age":23} {"name":"可乐"，"age":3}]’;
   var jsonobj = JSON.parse(jsondata) // 解析名为jsondata的字符串
   alert(jsonobj.staff[0].name); //弹出波波

二、 用Jquery实现Ajax请求
<script>
$(document).ready(function(){
$("#search").click(function(){ //定义search按钮按下事件
$.ajax({ // 定义ajax
type:"GET", //定义type类型，POST或GET，默认为GET
url:"serverjson.php?number="+$("#keword").val(), //发送请求的地址
dataType:"json", //预期服务器返回的数据类型，一般设置为json
success:function(data){ //请求成功后的回调函数，传入返回后的数据
if(data.success){ 如果返回的data.success值为真
$("#searchresult").html(data.msg) // 将data.mag的值传给一个对象
}else{
$("#searchresult").html("出现错误："+data.msg)
}
},
error:function(jqXHR){ 请求失败时调用此函数，传入XMLHttpRequest对象
alert("发生错误："+jqXHR.status); 提示XHR代码，即错误代码
}
});
});

    $("#addinform").click(function(){
    $.ajax({
        type:"post",
        url:"serverjson.php",
        dataType:"json",
        data:{              //是一个对象，连同请求发送到服务器的数据
            name:$("#staffname").val(),
            number:$("#staffnumber").val(),
            sex:$("#select").val(),
            job:$("#stuffposition").val(),
        },
        success:function(data){
        if(data.success){
            $("#addresult").html(data.msg)
            }else{
            $("#addresult").html("出现错误："+data.msg)
            }
        },
        error:function(jqXHR){
            alert("发生错误："+jqXHR.status);
        }
    });
});

});

</script>