如何使用javascript和jQuery從JSON檢索數據？

Question

好的，所以我一直在嘗試從以下網站檢索JSON中的單個字符串： http : //blog.teamtreehouse.com/api/get_recent_summary/?count=1

這是我的片段：

<html>
<head>
<title>Simple Page</title>
</head>
  <script src="jquery.js"></script>
    <script>
    $(document).ready(function() {
        $.getJSON('http://blog.teamtreehouse.com/api/get_recent_summary/?count=1', function(data) 
        { 
            alert(data.title)
        });     
    });
    </script>
</html>

出於某種原因，我只是試圖獲得一個簡單的標題並將其顯示為警報，或者只是將其寫在網站上，因此我無法正確地使用它。 我還檢查了我的jquery是否正常工作，所以事實並非如此。

提前致謝！

Answer 1

No 'Access-Control-Allow-Origin' header is present on the requested resource.

缺少CORS HTTP標頭，因此您無法直接執行AJAX請求。 您需要使用服務器端代理或使用http://crossorigin.me/服務從遠程網站獲取數據。

您正在訪問的服務器提供JSONP支持，因此您可以通過添加callback=?將其轉換為JSONP調用callback=? 到URL

$.getJSON('http://blog.teamtreehouse.com/api/get_recent_summary/?count=1&callback=?', function(data) 
{ 
    alert(data.posts[0].title)
});

如果不支持JSONP，則可以使用crossorigin.me服務，但我不會將其用於生產。

$.getJSON('http://crossorigin.me/http://blog.teamtreehouse.com/api/get_recent_summary/?count=1', function(data) 
        { 
            alert(data.posts[0].title)
        });

Answer 2

查看從提供的端點返回的數據，您的回調應讀取alert(data.posts[0].title)

Answer 3

對於這種類型的錯誤，您還需要通過鏈接下面的請求檢查傳遞標頭參數...

如何允許CORS？ 使用.getJSON獲取Play商店應用詳細信息時出現跨源阻止請求[CORS]錯誤

如何使用javascript和jQuery從JSON檢索數據？

問題描述

3 個解決方案

解決方案1
4 已采納 2015-12-03 02:37:28

解決方案2
0 2015-12-02 22:41:06

解決方案3
0 2015-12-03 02:00:21

如何使用javascript和jQuery從JSON檢索數據？

問題描述

3 個解決方案

解決方案1 4 已采納 2015-12-03 02:37:28

解決方案2 0 2015-12-02 22:41:06

解決方案3 0 2015-12-03 02:00:21

解決方案1
4 已采納 2015-12-03 02:37:28

解決方案2
0 2015-12-02 22:41:06

解決方案3
0 2015-12-03 02:00:21