jquery - 如何使用 .jsonp jquery 从 url 检索数据？

Question

有谁知道如何使用.jsonpjquery 从 URL 检索数据？我已经编写了以下代码，但它似乎对我不起作用：

$.JSONP({
    url: 'http://test.com',
    callbackKey: 'jsoncallback',
    onComplete: function (data) {
        alert(data)
        // the request was completed.
    }
});

注意：网址工作正常

Answer 1

是什么$.JSONP？最简单的方法如下

var url="http://scoreboardwcf.sportal.com.au/scoreboard.svc/GetCalendarData?BaseURL=http://www.sportal.com.au/&Sport=All&CompetitionID=0&callback=?";
$.getJSON(url, function(data) {
  alert(data);  
});

这是一个例子。

更新：既然你在评论中问过 - 我怎样才能将它应用到 f​​or 循环中？

var url="http://scoreboardwcf.sportal.com.au/scoreboard.svc/GetCalendarData?BaseURL=http://www.sportal.com.au/&Sport=All&CompetitionID=0&callback=?";

$.getJSON(url,  function(data) {
    document.write('DefaultFixtureNo : '+data.Calendar.DefaultFixtureNo+'<br /><br />');
    var items=data.Calendar.FixtureData;
    for(i=0;i<items.length;i++){
        var item=items[i];
        for(x in item) document.write(x+' : '+item[x]+'<br />');
        document.write('<br /><br />');
    }
});

示例这里使用 for 循环。

Answer 2

这会帮助你，

        $.ajax({
            dataType: 'jsonp',
            url: "http://scoreboardwcf.sportal.com.au/scoreboard.svc/GetCalendarData?BaseURL=http://www.sportal.com.au/&Sport=All&CompetitionID=0&callback=?";,
            success: function () {alert('Success');},
            error: function (jqXHR, textStatus, errorThrown) {
                alert(textStatus);
                alert(errorThrown);
            },
        });

Answer 3

如何使用 $.jsonp 执行 http GET 请求

示例来自关于除 GET 之外执行 http-method 的 stackoverflow 问题

“jquery.jsonp.js” GET 工作。POST PUT DELETE 选项呢？

$.jsonp({
    cache: false,
    url: 'http://www.mydomain.com/logicalurl/2/',
    callbackParameter: 'callback',
    timeout: 10000,
    success: function(json, textStatus, xOptions) {
        myglob = json;
        MyModulePatternObject.initNew(json);
    },
    error: function (xOptions, textStatus) {
        console.log("fail");
    }
});

myglob用于在 Tools->Web Developer->Web Console 中调试时查看和操作 json 响应。也使用萤火虫

MyModulePatternObject.initNew(json)只是在成功的 jsonp 请求后调用的重命名方法。

cache: false,推荐PageCache: true,在生产代码上使用。在开发应用程序时，请关闭缓存。