一、什么是json

JSON(JavaScript Object Notation) 是一種輕量級的數(shù)據(jù)交換格式。 易于人閱讀和編寫。同時也易于機(jī)器解析和生成。 它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一個子集。 JSON采用完全獨(dú)立于語言的文本格式，但是也使用了類似于C語言家族的習(xí)慣（包括C, C++, C#, Java, JavaScript, Perl, Python等）。 這些特性使JSON成為理想的數(shù)據(jù)交換語言。

二、什么是JSONP

JSONP（JSON with Padding）是資料格式 JSON 的一種“使用模式”，可以讓網(wǎng)頁從別的網(wǎng)域要資料。另一個解決這個問題的新方法是跨來源資源共享。

JSONP

定義：是一種跨域數(shù)據(jù)訪問方式。

作用與原理：在客戶端聲明 callback回調(diào)函數(shù)之后，客戶端通過script標(biāo)簽向服務(wù)器跨域請求數(shù)據(jù)，然后服務(wù)端返回相應(yīng)的JSON數(shù)據(jù)并動態(tài)執(zhí)行回調(diào)函數(shù)。

在jQuery中使用如下：

//JQuery JSONP Support 
var url = "http://192.168.0.103:12075/api/test.aspx?id=1&callback=?"; 
jQuery.getJSON(url, function(data){ 
// 處理返回的json 數(shù)據(jù)
alert("name:" + data.name+ ", Price:" + data.price); 
}); 

調(diào)用 webservices 使用如下：

$.getJSON( 
"http://192.168.0.103:12050/services/WebService1.asmx/ws/test?callback=?", 
{ name: "jim", time: "2pm" }, 
function(data) {
//處理返回的json 數(shù)據(jù)
alert(decodeURI(data.msg))；
});

服務(wù)器端(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:' 返回?cái)?shù)據(jù)'})"); 
Response.End(); 
}

總結(jié)JSONP：

兩點(diǎn)需注意：

1.不提供錯誤處理機(jī)制，有數(shù)據(jù)返回，沒有不顯示內(nèi)容，獲得一個404的錯誤

2.如果使用了不信任的服務(wù)會造成很大的安全隱患。

JSON

與XML相比，JSON是一個輕量級的數(shù)據(jù)交換格式。易于人閱讀和編寫。同時也易于機(jī)器解析和生成，分兩種：對象（使用下面點(diǎn)語法獲取屬性值）和數(shù)組(遍歷數(shù)組，索引獲取)。

1.把 JSON 文本轉(zhuǎn)換為 JavaScript 對象

從 web 服務(wù)器上讀取 JSON 數(shù)據(jù)，將 JSON 數(shù)據(jù)轉(zhuǎn)換為 JavaScript 對象，然后在網(wǎng)頁中使用該數(shù)據(jù).

JavaScript 函數(shù) eval() 可用于將 JSON 文本轉(zhuǎn)換為 JavaScript 對象。必須把文本包圍在括號中，這樣才能避免語法錯誤。

即：通過eval函數(shù)將json串轉(zhuǎn)換為json對象，然后可以通過兩種方法訪問：

服務(wù)器端：

// user 實(shí)體對象，后臺序列化成對象，供前臺使用
string strJson = Newtonsoft.Json.JsonConvert.SerializeObject(user);
context.Response.Write(strJson);

前臺：

$.getJSON( 
"webdata/test.aspx",
function(data) {
//獲取對象里面的一個值(username:用戶姓名)
$("#divmessage").text(data.username);
}
);

2. 數(shù)組 獲取

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);
}

以上所述是小編給大家介紹的關(guān)于JSON與JSONP簡單總結(jié)，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

最新評論