Question

我想从iheartquotes获取引用，并在页面加载时将其添加到div。我目前有这个代码，但不知道为什么它不会工作

    <script type="text/javascript">
    $(document).ready(function() {
        $.getJSON('http://iheartquotes.com/api/v1/random?format=json&callback=?', function(data) {
            $(".content").html(json.quote);
        });
    });
    </script>

正文中的HTML

<div class="content">
This will be replaced with a quote
</div>

Answer 1

URL返回JSON，而不是JSON-P，因此您can't在浏览器中使用JS跨域读取它。

您可以改为使用此服务器端，或找到可将其转换为JSON-P（可能是YQL）的第三方代理。

Answer 2

是的，我也同意@Quentin。这在客户端是不可能的，因为您尝试访问另一个域，原因是同源策略。

因此，您可以从javascript中调用aspx页面中的 webservice / 静态web方法（使用页面方法）并执行此服务器端并返回结果客户端本身，你可以在这里跨域工作。

以下代码可以帮助您在服务器端执行此操作，

您可以使用 WebClient ：

     using (var client = new WebClient())
     {
      // Define data to be posted
        var values = new NameValueCollection
        {
            { "key1", "value1" },
            { "key2", "value2" },
        };

        // Send the POST request
         byte[] result = client.UploadValues("http://foo.com", values);

        // This will contain the cookie being set
        string cookie = client.ResponseHeaders[HttpResponseHeader.SetCookie];
    }

希望这会有所帮助......

使用JQuery $ .getJSON解析外部JSON？

2 个答案: