關于JSON與JSONP簡單總結

字號:


    一、什么是json
    JSON(JavaScript Object Notation) 是一種輕量級的數據交換格式。 易于人閱讀和編寫。同時也易于機器解析和生成。 它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一個子集。 JSON采用完全獨立于語言的文本格式,但是也使用了類似于C語言家族的習慣(包括C, C++, C#, Java, JavaScript, Perl, Python等)。 這些特性使JSON成為理想的數據交換語言。
    二、什么是JSONP
    JSONP(JSON with Padding)是資料格式 JSON 的一種“使用模式”,可以讓網頁從別的網域要資料。另一個解決這個問題的新方法是跨來源資源共享。
    JSONP
    定義:是一種跨域數據訪問方式。
    作用與原理:在客戶端聲明 callback回調函數之后,客戶端通過script標簽向服務器跨域請求數據,然后服務端返回相應的JSON數據并動態(tài)執(zhí)行回調函數。
    在jQuery中使用如下:
    //JQuery JSONP Support
    var url = "http://192.168.0.103:12075/api/test.aspx?id=1&callback=?";
    jQuery.getJSON(url, function(data){
    // 處理返回的json 數據
    alert("name:" + data.name+ ", Price:" + data.price);
    });
    調用 webservices 使用如下:
    $.getJSON(
    "http://192.168.0.103:12050/services/WebService1.asmx/ws/test?callback=?",
    { name: "jim", time: "2pm" },
    function(data) {
    //處理返回的json 數據
    alert(decodeURI(data.msg));
    });
    服務器端(webservices 后臺代碼):
    [WebMethod]
    public void ws(string name,string time) {
    HttpRequest Request = HttpContext.Current.Request;
    string callback = Request["callback"];
    HttpResponse Response = HttpContext.Current.Response;
    Response.Write(callback + "({msg:' 返回數據'})");
    Response.End();
    }
    總結JSONP:
    兩點需注意:
    1.不提供錯誤處理機制,有數據返回,沒有不顯示內容,獲得一個404的錯誤
    2.如果使用了不信任的服務會造成很大的安全隱患。
    JSON
    與XML相比,JSON是一個輕量級的數據交換格式。易于人閱讀和編寫。同時也易于機器解析和生成,分兩種:對象(使用下面點語法獲取屬性值)和數組(遍歷數組,索引獲取)。
    1.把 JSON 文本轉換為 JavaScript 對象
    從 web 服務器上讀取 JSON 數據,將 JSON 數據轉換為 JavaScript 對象,然后在網頁中使用該數據.
    JavaScript 函數 eval() 可用于將 JSON 文本轉換為 JavaScript 對象。必須把文本包圍在括號中,這樣才能避免語法錯誤。
    即:通過eval函數將json串轉換為json對象,然后可以通過兩種方法訪問:
    名單
    服務器端:
    // user 實體對象,后臺序列化成對象,供前臺使用
    string strJson = Newtonsoft.Json.JsonConvert.SerializeObject(user);
    context.Response.Write(strJson);
    前臺:
    $.getJSON(
    "webdata/test.aspx",
    function(data) {
    //獲取對象里面的一個值(username:用戶姓名)
    $("#divmessage").text(data.username);
    }
    );
    2. 數組 獲取
    packJson = [
    {"name":"nikita", "password":"1111"},
    {"name":"tony", "password":"2222"}
    ];
    循環(huán)遍歷:
    for(var i = 0; i < packJson.length; i++){
    alert(packJson[i].name + " " + packJson[i].password);
    }
    以上所述是小編給大家介紹的關于JSON與JSONP簡單總結,希望對大家有所幫助