jquery - 使用 jQuery 通过 Ajax 进行纯 JSONP 请求

Question

好的。我到处搜索，没有找到任何可以理解的答案。请注意，这是我第一次实现此类请求。 (“我想每个人都会遇到这种情况”):P问题:我有一个 json 文件，例如 https://www.example.com/something.json我想使用 Ajax 通过 JSONP 请求它。我读过，为了发出 JSONP 请求，您必须将数据包装到回调函数中。因此，我编辑了生成 json 文件的 php 文件，并添加了 $_GET('callback') 函数来包装数据。所以如果我在浏览器中输入 https://www.example.com/something.json/?callback=jsonpCallBack我可以看到我的数据包装 jsonpCallBack([{.......}]);

在 jQuery 中，我现在尝试访问此信息并每 20 秒将数据附加到 html 中。所以我有

      var url='https://www.example.com/something.json/?callback=jsonpCallBack';

      var main= $.ajax({
                type:'GET',
                url : url, 
                dataType:'jsonp',
                jsonpCallback:'jsonpCallBack',
                success: function(data)
                {
                    .......
                     var outputhtml='<ul>';
                     var item = [];
                      for(var i =0; i < data.length-1 ;i++)
                      {

                        var item = data[i];
                        ..........
                     $('.div').html(outputhtml) ;
                }

            });

setInterval(function() {
    main;
},20000);

    main;

但我看不到我的数据更新。我错过了什么？我仍然需要使用 $.getJSON() 函数来获取数据吗？如果是的话，将在代码中添加什么？

很多困惑......

Answer 1

尝试这样:

var main = function() {
    var url = 'https://www.example.com/something.json/';
    $.ajax({
        url: url,
        jsonp: 'callback',
        dataType: 'jsonp',
        success: function (result) {
            ...
        }
    });
};

window.setInterval(main, 20000);
main();

如果 https://www.example.com/something.json/?callback=foobar 返回以下结果(您在问题中提到过这种情况，对吗？) :

foobar({...})