ajax實現的跨域請求程式碼例項

螞蟻小編發表於2017-03-16

在實際應用中可能需要載入遠端資料,但是jquery ajax存在一定的跨域問題,下面就介紹一下如何解決此問題。

可以使用jsonp的方式解決此問題。

一.客戶端程式碼:

[JavaScript] 純文字檢視 複製程式碼
$.ajax({ 
  type : "get", 
  async:false, 
  url : "http://www.softwhy.com/ajax.do", 
  dataType : "jsonp", 
  jsonp: "callbackparam",//服務端用於接收callback呼叫的function名的引數 
  jsonpCallback:"success_jsonpCallback",//callback的function名稱 
  success:function(json){}, 
  error:function(){ 
    alert('fail'); 
  } 
});

二.後臺程式碼:

[C#] 純文字檢視 複製程式碼
public void ProcessRequest (HttpContext context) { 
  context.Response.ContentType = "text/plain"; 
  String callbackFunName = context.Request["callbackparam"]; 
  context.Response.Write(callbackFunName + "([ { name:\"John\"}])"); 
}

相關文章