前臺代碼如下：

后臺Action代碼如下：

運行后就可以看到結(jié)果了。我追蹤了下后臺ProcessCallback代碼，如下圖：

可以看到j(luò)sonCallback的值為"jQuery17104721...."，它是前端傳給遠程服務(wù)器后臺Action的。這里 jQuery171..表示的是jQuery的版本，可以簡單地將這個理解為JSONP類型請求回調(diào)函數(shù)，jQuery在我們每次指定Ajax請求方式為 JSONP時都會生成這么一個JSONP回調(diào)函數(shù)。雖然jQuery會自動幫我們生成一個回調(diào)函數(shù)，但是我們也可以通過設(shè)置 jsonpCallback 參數(shù)為jsonp請求定制一個我們自己的回調(diào)函數(shù)。

第一種方式下面這三行代碼設(shè)定了JSONP請求方式：

dataType: "jsonp",

jsonp: "jsonpcallback",// 指定回調(diào)函數(shù)，這里名字可以為其他任意你喜歡的，比如callback，不過必須與下一行的GET參數(shù)一致

data: "name=jxq&email=feichexia@yahoo.com.cn&jsonpcallback=?", // jsonpcallback與上面的jsonp值一致

第二種方式則直接在GET參數(shù)后面帶上jsonpcallback=?來標識。

我們可以推斷這么做以后，jQuery內(nèi)部機制就幫我們繞過了瀏覽器的跨域訪問限制，然后就可以像正常請求同域Action一樣請求跨域Action了。

最后返回的是一個函數(shù)表達式：

return jsonCallback + "(" + new JavaScriptSerializer().Serialize(user) + ")";

這樣返回給前端的就是類似這種jQuery17104721....('{Name:"jxq", Email:"feichexia@yahoo.com.cn"}')，它一返回到前端就會執(zhí)行，得到的是一個JavaScript對象，對象有兩個屬 性：Name和Email，所以我們可以直接調(diào)用json.Name和json.Email

通過此文，希望能幫助大家學(xué)習(xí)掌握此部分知識，謝謝大家對本站的支持！

最新評論