深入理解jquery跨域請求方法
項(xiàng)目中關(guān)于ajax jsonp的使用,
出現(xiàn)了問題:可以成功獲得請求結(jié)果,但沒有執(zhí)行success方法
總算搞定了,記錄一下
function TestAjax() { $.ajax({ type : "get", async : false, url : "ajaxHandler.ashx", //實(shí)際上訪問時產(chǎn)生的地址為: ajax.ashx?callbackfun=jsonpCallback&id=10 data : {id : 10}, cache : false, //默認(rèn)值true dataType : "jsonp", jsonp: "callbackfun",//傳遞給請求處理程序或頁面的,用以獲得jsonp回調(diào)函數(shù)名的參數(shù)名(默認(rèn)為:callback) jsonpCallback:"jsonpCallback", //自定義的jsonp回調(diào)函數(shù)名稱,默認(rèn)為jQuery自動生成的隨機(jī)函數(shù)名 //如果這里自定了jsonp的回調(diào)函數(shù),則success函數(shù)則不起作用;否則success將起作用 success : function(json){ alert(json.message); }, error:function(){ alert("erroe"); } }); } function jsonpCallback(data) //回調(diào)函數(shù) { alert(data.message); // } public class ajaxHandler : IHttpHandler { public void ProcessRequest (HttpContext context) { context.Response.ContentType = "text/plain"; string callbackfun = context.Request["callbackfun"]; context.Response.Write(callbackfun + "({name:\"John\", message:\"hello John\"})"); context.Response.End(); } public bool IsReusable {get {return false;} }
ajax請求參數(shù)說明:
dataType string 服務(wù)器返回的數(shù)據(jù)類型。
如果不指定,jQuery 將自動根據(jù) HTTP 包 MIME 信息來智能判斷,比如XML MIME類型就被識別為XML。
可用值:
"xml": 返回 XML 文檔,可用 jQuery 處理。
"html": 返回純文本 HTML 信息;包含的script標(biāo)簽會在插入dom時執(zhí)行。
"script": 返回純文本 JavaScript 代碼。不會自動緩存結(jié)果。除非設(shè)置了"cache"參數(shù)。
注意:在遠(yuǎn)程請求時(不在同一個域下),所有POST請求都將轉(zhuǎn)為GET請求。(因?yàn)閷⑹褂肈OM的script標(biāo)簽來加載)
"json": 返回 JSON 數(shù)據(jù) 。
"text": 返回純文本字符串
"jsonp":jsonp格式。使用jsonp形式調(diào)用函數(shù)時,
訪問url時會自動將url后面添加上如"callback=callbackFunName" 以執(zhí)行回調(diào)函數(shù)(callbackFunName)。
jsonp string
在一個jsonp請求中重寫回調(diào)函數(shù)的名字。這個值用來替代在"callback=?"這種get或post請求中url參數(shù)里的"callback"部分,
比如 jsonp:'callbackfun' 則將會生成"callbackfun=?"傳給服務(wù)器。
jsonpCallback String 此參數(shù)為jsonp請求指定一個回調(diào)函數(shù)名。
這個值將用來取代jQuery自動生成的隨機(jī)函數(shù)名。 即上面"callback=?"中的問號部分
這主要用來讓jQuery生成度獨(dú)特的函數(shù)名,這樣請求更容易,也能方便地提供回調(diào)函數(shù)和錯誤處理。
也可以在想讓瀏覽器緩存GET請求的時候,指定這個回調(diào)函數(shù)名。
ajax jsonp與普通的ajax請求的主要區(qū)別在于——請求響應(yīng)結(jié)果的處理。如上面代碼所示的響應(yīng)結(jié)果為:
jsonpCallback({ name:"world",message:"hello world"});
實(shí)際上就是調(diào)用jsonp回調(diào)函數(shù)jsonpCallback,并將要響應(yīng)的字符串或json傳入此方法,
關(guān)于自定了jsonp的回調(diào)函數(shù), success函數(shù)則不起作用
大概其底層的實(shí)現(xiàn)(當(dāng)然這是默認(rèn)的回調(diào)函數(shù)的時候,否則就不會執(zhí)行success的方法吧):
function default_jsonpCallback(data) { success(data); //在默認(rèn)的回調(diào)方法中執(zhí)行 }
最后一個比較簡單的方法,
$.getJSON("GetUserbyName.aspx?name=ww&callback=?", function(date) { //.... } )
以上這篇深入理解jquery跨域請求方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
- jQuery使用ajax跨域獲取數(shù)據(jù)的簡單實(shí)例
- java 結(jié)合jQuery實(shí)現(xiàn)跨域名獲取數(shù)據(jù)的方法
- JQuery 的跨域方法推薦_可跨任何網(wǎng)站
- jquery中ajax處理跨域的三大方式
- jquery中ajax跨域方法實(shí)例分析
- jQuery使用ajax跨域請求獲取數(shù)據(jù)
- jQuery跨域問題解決方案
- jquery+ajax實(shí)現(xiàn)跨域請求的方法
- jquery的ajax跨域請求原理和示例
- jquery跨域請求示例分享(jquery發(fā)送ajax請求)
- 利用JQuery和Servlet實(shí)現(xiàn)跨域提交請求示例分享
- jQuery 獲取跨域XML(RSS)數(shù)據(jù)的相關(guān)總結(jié)分析
相關(guān)文章
jQuery Mobile開發(fā)中日期插件Mobiscroll使用說明
這篇文章主要介紹了jQuery Mobile開發(fā)中日期插件Mobiscroll使用說明,需要的朋友可以參考下2016-03-03jquery.uploadView 實(shí)現(xiàn)圖片預(yù)覽上傳功能
圖片上傳,網(wǎng)上有好多版本,今天小編給大家分享jquery.uploadView 實(shí)現(xiàn)圖片預(yù)覽上傳功能,感興趣的的朋友一起看看吧2017-08-08jQuery實(shí)現(xiàn)火車票買票城市選擇切換功能
本文通過實(shí)例代碼給大家分享了jQuery實(shí)現(xiàn)火車票買票城市選擇切換功能,非常不錯,具有參考借鑒價值,需要的朋友參考下吧2017-09-09Jquery實(shí)現(xiàn)頁面加載時彈出對話框代碼
將以下代碼置于head標(biāo)簽中即可實(shí)現(xiàn)加載時彈出對話框的效果,感興趣的朋友可以參考下哈,希望可以幫助到你2013-04-04jquery中attr、prop、data區(qū)別與用法分析
這篇文章主要介紹了jquery中attr、prop、data區(qū)別與用法,結(jié)合實(shí)例形式分析了jQuery中attr、prop、data的區(qū)別、功能、使用方法及相關(guān)注意事項(xiàng),需要的朋友可以參考下2019-09-09jQuery插件fullPage.js實(shí)現(xiàn)全屏滾動效果
這篇文章主要為大家詳細(xì)介紹了jQuery全屏滾動插件fullPage.js的使用方法,可制作全屏滾動網(wǎng)頁,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-12-12jquery表單驗(yàn)證實(shí)例仿Toast提示效果
這篇文章主要介紹了jquery驗(yàn)證表單仿Toast提示效果,實(shí)現(xiàn)代碼簡單易懂,非常不錯,需要的朋友可以參考下2017-03-03