如何使用JSONP查詢Facebook Graph API

不應該使用JQuery工作跟蹤AJAX請求？如何使用JSONP查詢Facebook Graph API

$.getJSON('https://graph.facebook.com/138654562862101/feed?callback=onLoadJSONP');

我已經定義了一個名爲onLoadJSONP一個回調函數。

而Chrome給我一個典型的同源-策略錯誤：

XMLHttpRequest cannot load https://graph.facebook.com/138654562862101/feed?callback=onLoadJSONP . Origin null is not allowed by Access-Control-Allow-Origin.

我想JSONP周圍的工作，我究竟做錯了什麼？

來源

2011-01-12 Sander Versluys

jQuery detects JSONP desired behavior專門與callback=?，所以你需要正是的是，再傳給你要處理它的功能。沒有外界的變化，你可以這樣做：

$.getJSON('https://graph.facebook.com/138654562862101/feed?callback=?', onLoadJSONP);

這使得搜索callback=?仍然使用你的函數直接作爲回調的工作。以前，並沒有檢測到你想要JSONP抓取，而是試圖使用XMLHttpRequest獲取數據......由於相同的源策略限制而失敗。

來源

2011-01-12 14:21:07

這是否也適用於IE？（這適用於Chrome和Firefox，但在IE中失敗）。謝謝。 – user1055761

你在IE中遇到什麼錯誤？ –

當通過IE調試器進行調試時，它給了我'無運輸'錯誤。你有這個工作在IE瀏覽器？謝謝！ – user1055761

它必須是「callback =？」然後將回調定義爲請求的最後一個參數。

$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?", 
    { 
    tags: "cat", 
    tagmode: "any", 
    format: "json" 
    }, 
    function(data) { 
    $.each(data.items, function(i,item){ 
     $("<img/>").attr("src", item.media.m).appendTo("#images"); 
     if (i == 3) return false; 
    }); 
    });

來源

2011-01-12 14:24:38 davidbuttar

下面的JavaScript代碼，你做任何跨域AJAX調用之前簡單的附加。

jQuery.support.cors = true; 

$.ajaxTransport("+*", function(options, originalOptions, jqXHR) { 

    if(jQuery.browser.msie && window.XDomainRequest) { 

    var xdr; 

    return { 

     send: function(headers, completeCallback) { 

      // Use Microsoft XDR 
      xdr = new XDomainRequest(); 

      xdr.open("get", options.url); 

      xdr.onload = function() { 

       if(this.contentType.match(/\/xml/)){ 

        var dom = new ActiveXObject("Microsoft.XMLDOM"); 
        dom.async = false; 
        dom.loadXML(this.responseText); 
        completeCallback(200, "success", [dom]); 

       }else{ 

        completeCallback(200, "success", [this.responseText]); 

       } 

      }; 

      xdr.ontimeout = function(){ 
       completeCallback(408, "error", ["The request timed out."]); 
      }; 

      xdr.onerror = function(){ 
       completeCallback(404, "error", ["The requested resource could not be found."]); 
      }; 

      xdr.send(); 
     }, 
     abort: function() { 
      if(xdr)xdr.abort(); 
     } 
    }; 
    } 
});

來源

2012-06-07 10:50:41

如何使用JSONP查詢Facebook Graph API

回答

相關問題