爲什麼jsonp與跨域ajax（）調用不起作用？

由於跨域限制，我試圖繞過使用jsonp。爲什麼jsonp與跨域ajax（）調用不起作用？

在搜索了很多論壇條目在這裏和其他網站..我已經到達點，我不知道爲什麼一個例子是工作，但另一個例子是不是。兩個休息網址的輸出是相同的JSON格式。

Twitter的飼料工作實施例： http://jsfiddle.net/fwXD2/1/

代碼如下粘貼。如果我刪除datatype:'jsonp'然後我得到「Access-Control-Allow-Origin」錯誤，這是預期的。

<html> 
<head> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 
    <script> 
     $(document).ready(function(){ 
      $.ajax({ 
       url: 'https://twitter.com/status/user_timeline/stephenfry?count=10&format=json', 
       dataType: 'jsonp', 
       success: function(dataWeGotViaJsonp){ 
        var text = ''; 
        var len = dataWeGotViaJsonp.length; 
        for(var i=0;i<len;i++){ 
         twitterEntry = dataWeGotViaJsonp[i]; 
         text += '<p><img src = "' + twitterEntry.user.profile_image_url_https +'"/>' + twitterEntry['text'] + '</p>' 
        } 
        $('#twitterFeed').html(text); 
       }, 
       error: function(e){ 
        $('#twitterFeed').html("No 'Access-Control-Allow-Origin' header is present on the requested resource."); 
       } 
      }); 
     }) 
    </script> 
</head> 
<body> 
    <div id = 'twitterFeed'></div> 
</body>

非工作實例： http://jsfiddle.net/kA6z5/

預先感謝任何幫助，您可以提供。

來源

2014-04-16 user3540488

在JSONP技術中，服務器應該在javascript函數中包裝響應。 jsonp technique here有一個明確的解釋：

jQuery的「dataType：'jsonp'」只會確保爲你的url添加回調參數。

只需在兩個URL中添加'& callback = func123'，twitter會以包裝數據迴應您，因爲其他服務不會。

嘰嘰喳喳：URL

findschoolzones：URL

它是服務器的責任確定回調參數和返回數據包。

來源

2014-04-16 10:02:49

謝謝Srikanth。我現在已經在服務器端實現了servlet過濾器，將響應封裝在javascript函數中，並且它的工作方式已被接受。 – user3540488

爲什麼jsonp與跨域ajax（）調用不起作用？

回答

相關問題