JQuery的Ajax跨域請求的解決方案

今天在項目中需要做遠程數(shù)據(jù)加載并渲染頁面，直到開發(fā)階段才意識到ajax跨域請求的問題，隱約記得Jquery有提過一個ajax跨域請求的解決方式，于是即刻翻出Jquery的API出來研究，發(fā)現(xiàn)JQuery對于Ajax的跨域請求有兩類解決方案，不過都是只支持get方式。分別是JQuery的jquery.ajax jsonp格式和jquery.getScript方式。

什么是jsonp格式呢？API原文：如果獲取的數(shù)據(jù)文件存放在遠程服務(wù)器上（域名不同，也就是跨域獲取數(shù)據(jù)），則需要使用jsonp類型。使用這種類型的話，會創(chuàng)建一個查詢字符串參數(shù) callback=? ，這個參數(shù)會加在請求的URL后面。服務(wù)器端應(yīng)當(dāng)在JSON數(shù)據(jù)前加上回調(diào)函數(shù)名，以便完成一個有效的JSONP請求。意思就是遠程服務(wù)端需要對返回的數(shù)據(jù)做下處理，根據(jù)客戶端提交的callback的參數(shù)，返回一個callback(json)的數(shù)據(jù)，而客戶端將會用script的方式處理返回數(shù)據(jù)，來對json數(shù)據(jù)做處理。JQuery.getJSON也同樣支持jsonp的數(shù)據(jù)方式調(diào)用。

客戶端JQuery.ajax的調(diào)用代碼示例：

01$.ajax({ 
02    type : "get", 
03    async:false, 
04    url : "http://www.xxx.com/ajax.do", 
05    dataType : "jsonp", 
06    jsonp: "callbackparam",//服務(wù)端用于接收callback調(diào)用的function名的參數(shù) 
07    jsonpCallback:"success_jsonpCallback",//callback的function名稱 
08    success : function(json){ 
09        alert(json); 
10        alert(json[0].name); 
11    }, 
12    error:function(){ 
13        alert('fail'); 
14    } 
15});

服務(wù)端返回數(shù)據(jù)的示例代碼：

1public void ProcessRequest (HttpContext context) { 
2    context.Response.ContentType = "text/plain"; 
3    String callbackFunName = context.Request["callbackparam"]; 
4    context.Response.Write(callbackFunName + "([ { name:\"John\"}])"); 
5}

本站僅提供存儲服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請點擊舉報。

打開APP，閱讀全文并永久保存查看更多類似文章

關(guān)于jquery跨域請求方法

jQuery.ajax使用方法

說說JSON和JSONP，也許你會豁然開朗

使用Jsonp解決跨域數(shù)據(jù)訪問問題

AJAX 跨域請求

jQuery.getJSON()

更多類似文章 >>

国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

JQuery的Ajax跨域請求的解決方案