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請求

    $("#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);
        }
    });
});

});