深入理解jquery跨域請求方法
項目中關于ajax jsonp的使用,
出現(xiàn)了問題:可以成功獲得請求結(jié)果,但沒有執(zhí)行success方法
總算搞定了,記錄一下
function TestAjax() { $.ajax({ type : "get", async : false, url : "ajaxHandler.ashx", //實際上訪問時產(chǎn)生的地址為: ajax.ashx?callbackfun=jsonpCallback&id=10 data : {id : 10}, cache : false, //默認值true dataType : "jsonp", jsonp: "callbackfun",//傳遞給請求處理程序或頁面的,用以獲得jsonp回調(diào)函數(shù)名的參數(shù)名(默認為:callback) jsonpCallback:"jsonpCallback", //自定義的jsonp回調(diào)函數(shù)名稱,默認為jQuery自動生成的隨機函數(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 服務器返回的數(shù)據(jù)類型。
如果不指定,jQuery 將自動根據(jù) HTTP 包 MIME 信息來智能判斷,比如XML MIME類型就被識別為XML。
可用值:
"xml": 返回 XML 文檔,可用 jQuery 處理。
"html": 返回純文本 HTML 信息;包含的script標簽會在插入dom時執(zhí)行。
"script": 返回純文本 JavaScript 代碼。不會自動緩存結(jié)果。除非設置了"cache"參數(shù)。
注意:在遠程請求時(不在同一個域下),所有POST請求都將轉(zhuǎn)為GET請求。(因為將使用DOM的script標簽來加載)
"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=?"傳給服務器。
jsonpCallback String 此參數(shù)為jsonp請求指定一個回調(diào)函數(shù)名。
這個值將用來取代jQuery自動生成的隨機函數(shù)名。 即上面"callback=?"中的問號部分
這主要用來讓jQuery生成度獨特的函數(shù)名,這樣請求更容易,也能方便地提供回調(diào)函數(shù)和錯誤處理。
也可以在想讓瀏覽器緩存GET請求的時候,指定這個回調(diào)函數(shù)名。
ajax jsonp與普通的ajax請求的主要區(qū)別在于——請求響應結(jié)果的處理。如上面代碼所示的響應結(jié)果為:
jsonpCallback({ name:"world",message:"hello world"});
實際上就是調(diào)用jsonp回調(diào)函數(shù)jsonpCallback,并將要響應的字符串或json傳入此方法,
關于自定了jsonp的回調(diào)函數(shù), success函數(shù)則不起作用
大概其底層的實現(xiàn)(當然這是默認的回調(diào)函數(shù)的時候,否則就不會執(zhí)行success的方法吧):
function default_jsonpCallback(data) { success(data); //在默認的回調(diào)方法中執(zhí)行 }
最后一個比較簡單的方法,
$.getJSON("GetUserbyName.aspx?name=ww&callback=?", function(date) { //.... } )
以上這篇深入理解jquery跨域請求方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
- jQuery使用ajax跨域獲取數(shù)據(jù)的簡單實例
- java 結(jié)合jQuery實現(xiàn)跨域名獲取數(shù)據(jù)的方法
- JQuery 的跨域方法推薦_可跨任何網(wǎng)站
- jquery中ajax處理跨域的三大方式
- jquery中ajax跨域方法實例分析
- jQuery使用ajax跨域請求獲取數(shù)據(jù)
- jQuery跨域問題解決方案
- jquery+ajax實現(xiàn)跨域請求的方法
- jquery的ajax跨域請求原理和示例
- jquery跨域請求示例分享(jquery發(fā)送ajax請求)
- 利用JQuery和Servlet實現(xiàn)跨域提交請求示例分享
- jQuery 獲取跨域XML(RSS)數(shù)據(jù)的相關總結(jié)分析
相關文章
jQuery Mobile開發(fā)中日期插件Mobiscroll使用說明
這篇文章主要介紹了jQuery Mobile開發(fā)中日期插件Mobiscroll使用說明,需要的朋友可以參考下2016-03-03jquery.uploadView 實現(xiàn)圖片預覽上傳功能
圖片上傳,網(wǎng)上有好多版本,今天小編給大家分享jquery.uploadView 實現(xiàn)圖片預覽上傳功能,感興趣的的朋友一起看看吧2017-08-08jquery中attr、prop、data區(qū)別與用法分析
這篇文章主要介紹了jquery中attr、prop、data區(qū)別與用法,結(jié)合實例形式分析了jQuery中attr、prop、data的區(qū)別、功能、使用方法及相關注意事項,需要的朋友可以參考下2019-09-09jQuery插件fullPage.js實現(xiàn)全屏滾動效果
這篇文章主要為大家詳細介紹了jQuery全屏滾動插件fullPage.js的使用方法,可制作全屏滾動網(wǎng)頁,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-12-12