通過Ajax跨域調用

Question

我正在使用以下腳本發送跨域ajax調用。

$(document).ready(function() 
{ 
var uniqcod=$(".abc").attr('id'); 
$.ajax({ 
    url:'abc.com', 
    data:{uniId:uniqcod}, 
    dataType: 'jsonp', 
    jsonp: 'callback', 
    crossDomain: true, 
    jsonpCallback:"jsonpCallback", 
    success: function(result){}, 
    error: function() {console.log('Failed!'); 
    console.log(arguments); } 
    }); 

function jsonpCallback(data){ 
    document.getElementById(uniqcod).innerHTML=data.content; 
} 

}); 

但問題是這個腳本不會在jsoncallback函數中進行。每次我調用此函數時，它都會在控制檯中顯示失敗的消息。

Answer 1

如果您請求的服務器發回CORS（跨源資源共享）標頭，則只能執行跨域請求。

如果它是一個你控制的服務器，那麼你只需要做出改變。

如果沒有，您需要通過服務器代理數據，您做控制添加適當的標頭。

編輯：或者如果它是JSONP，那麼你需要確保你請求的服務器實際上支持JSONP。

Answer 2

除非通過身份驗證，否則無法使用jQuery進行跨域調用。但是，您可以使用YQL（Yahoo Query Language）並進行一些調用並獲取xml，json格式的數據。

請看下面的例子。

function requestCrossDomain(site, callback) { 

    // If no url was passed, exit. 
    if (!site) { 
     alert('No site was passed.'); 
     return false; 
    } 

    // Take the provided url, and add it to a YQL query. Make sure you encode it! 
    var yql = 'http://query.yahooapis.com/v1/public/yql?q=' + encodeURIComponent('select * from html where url="' + site + '"') + '&format=xml&callback=cbFunc'; 

    // Request that YSQL string, and run a callback function. 
    // Pass a defined function to prevent cache-busting. 
    $.getJSON(yql, cbFunc); 

    function cbFunc(data) { 
    // If we have something to work with... 
    if (data.results[0]) { 
     // Strip out all script tags, for security reasons. 
     // BE VERY CAREFUL. This helps, but we should do more. 
     data = data.results[0].replace(/<script[^>]*>[\s\S]*?<\/script>/gi, ''); 

     // If the user passed a callback, and it 
     // is a function, call it, and send through the data var. 
     if (typeof callback === 'function') { 
      callback(data); 
     } 
    } 
    // Else, Maybe we requested a site that doesn't exist, and nothing returned. 
    else throw new Error('Nothing returned from getJSON.'); 
    } 
}