一、什么是json
JSON(JavaScript Object Notation) 是一種輕量級(jí)的數(shù)據(jù)交換格式。 易于人閱讀和編寫。同時(shí)也易于機(jī)器解析和生成。 它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一個(gè)子集。 JSON采用完全獨(dú)立于語(yǔ)言的文本格式,但是也使用了類似于C語(yǔ)言家族的習(xí)慣(包括C, C++, C#, Java, JavaScript, Perl, Python等)。 這些特性使JSON成為理想的數(shù)據(jù)交換語(yǔ)言。
二、什么是JSONP
JSONP(JSON with Padding)是資料格式 JSON 的一種“使用模式”,可以讓網(wǎng)頁(yè)從別的網(wǎng)域要資料。另一個(gè)解決這個(gè)問(wèn)題的新方法是跨來(lái)源資源共享。
JSONP
定義:是一種跨域數(shù)據(jù)訪問(wèn)方式。
作用與原理:在客戶端聲明 callback回調(diào)函數(shù)之后,客戶端通過(guò)script標(biāo)簽向服務(wù)器跨域請(qǐng)求數(shù)據(jù),然后服務(wù)端返回相應(yīng)的JSON數(shù)據(jù)并動(dòng)態(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 后臺(tái)代碼):
[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.不提供錯(cuò)誤處理機(jī)制,有數(shù)據(jù)返回,沒(méi)有不顯示內(nèi)容,獲得一個(gè)404的錯(cuò)誤
2.如果使用了不信任的服務(wù)會(huì)造成很大的安全隱患。
JSON
與XML相比,JSON是一個(gè)輕量級(jí)的數(shù)據(jù)交換格式。易于人閱讀和編寫。同時(shí)也易于機(jī)器解析和生成,分兩種:對(duì)象(使用下面點(diǎn)語(yǔ)法獲取屬性值)和數(shù)組(遍歷數(shù)組,索引獲取)。
1.把 JSON 文本轉(zhuǎn)換為 JavaScript 對(duì)象
從 web 服務(wù)器上讀取 JSON 數(shù)據(jù),將 JSON 數(shù)據(jù)轉(zhuǎn)換為 JavaScript 對(duì)象,然后在網(wǎng)頁(yè)中使用該數(shù)據(jù).
JavaScript 函數(shù) eval() 可用于將 JSON 文本轉(zhuǎn)換為 JavaScript 對(duì)象。必須把文本包圍在括號(hào)中,這樣才能避免語(yǔ)法錯(cuò)誤。
即:通過(guò)eval函數(shù)將json串轉(zhuǎn)換為json對(duì)象,然后可以通過(guò)兩種方法訪問(wèn):
服務(wù)器端:
// user 實(shí)體對(duì)象,后臺(tái)序列化成對(duì)象,供前臺(tái)使用
string strJson = Newtonsoft.Json.JsonConvert.SerializeObject(user);
context.Response.Write(strJson);
前臺(tái):
$.getJSON(
"webdata/test.aspx",
function(data) {
//獲取對(duì)象里面的一個(gè)值(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ǎn)單總結(jié),希望對(duì)大家有所幫助