用jquery加载jsonp的简单示例

Question

我很抱歉，这可能是一个重复的问题在论坛上，但我有可怕的麻烦理解在jquery加载json的过程。

我只是想写一个函数，从以下url打印出json数据:

http://policeapi2.rkh.co.uk/api/crimes-at-location?date=2012-02& lat = 52.629729,液化天然气= -1.131592

一个简单的示例函数将是非常棒的!

谢谢,

——丹

Answer 1

对不起，你不能这么做。您提到的API提供JSON，而不是JSONP。你没有办法从浏览器把它转换成JSONP。

由于这是一个跨站点请求，因此您将无法从浏览器读取JSON内容。

只有几个选项:

1. 在您自己的服务器上(您的页面托管的地方)，设置一个代理来加载他们的JSON并将其传递给您的代码。

2. 让policeapi2人自己支持JSONP请求，或者支持CORS请求。

Answer 2

这是我们如何用jquery加载JSONP

 $.ajax({
     url: 'http://jsfiddle.net/echo/jsonp/',
     dataType: 'jsonp',
     success: function (data) {
         $('body').text(data);
     }
 });

请记住，url应该为jsonp服务，你提供的url不返回jsonp，所以你不能这样做。

小提琴

Answer 3

尝试使用JSON2.js。下面是一个示例:

$.ajax({
    url: 'http://policeapi2.rkh.co.uk/api/crimes-at-location?date=2012-02&lat=52.629729&lng=-1.131592',
    success: function(data){
        alert(JSON.stringify(data));
    }
})