1. 程式人生 > >淺談jquery中的ajax請求和跨域請求

淺談jquery中的ajax請求和跨域請求

bold 錯誤 但是 font 方法 端口 ets 提示 access

ajax請求數據的代碼:

$(function () {
$.ajax({
url:url,//請求文件所在的url
type:"get",//請求的方式
success:function (data) {
console.log(data);//返回的數據
}
})
})
這樣請求來的數據一般情況下都可以使用,但是有時候在從這個域名到另外一個域名請求數據時往往會出現所謂的跨域請求問題,

瀏覽器均默認開啟了同源策略,它指Ajax請求所在的頁面和被請求的頁面在協議、域名、端口均相同才能被訪問,否則會提示如下錯誤:

XMLHttpRequest cannot load xxxxxxx is not allowed by Access-Control-Allow-Origin.
那麽在遇到這樣的問題的時候怎麽解決,jquery裏提供了跨域請求的解決方式;
代碼為:
$(function () {
$.ajax({
url:url,//請求文件所在的url
type:"get",//請求的方式,
dataType:"jsonp",//數據的格式
jsonp:"callback",
success:function (data) {
console.log(data);//返回的數據
}
})
})
或者用:
jQuery.getJSON("url",function (result) {
console.log(result);//返回結果
})
如果請求的是script,在使用上面的方法時將dataType的屬性值改為"script";使用下面的方法時,則為
jQuery.getScript("url",function (result) {
console.log(result);//返回結果
});

jsonp:"callback",

淺談jquery中的ajax請求和跨域請求