国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery中JSONP的兩種實現方式詳解

2019-11-20 08:52:40
字體:
來源:轉載
供稿:網友

前臺代碼如下:

后臺Action代碼如下:

運行后就可以看到結果了。我追蹤了下后臺ProcessCallback代碼,如下圖:

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

第一種方式下面這三行代碼設定了JSONP請求方式:

dataType: "jsonp",

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

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

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

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

最后返回的是一個函數表達式:

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

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

通過此文,希望能幫助大家學習掌握此部分知識,謝謝大家對本站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 邵阳县| 永善县| 扶沟县| 定远县| 娄烦县| 定兴县| 新营市| 沅陵县| 乌拉特前旗| 通州区| 象山县| 平原县| 乃东县| 博湖县| 新绛县| 肇东市| 来宾市| 衡阳市| 辽中县| 元江| 芷江| 唐海县| 拉萨市| 原阳县| 罗定市| 晋中市| 太和县| 登封市| 庆云县| 宜宾市| 嘉定区| 高陵县| 祥云县| 香格里拉县| 康保县| 黄冈市| 波密县| 深水埗区| 都江堰市| 洛宁县| 荣成市|