javascript - 使用 jQuery 从外部 JSON 站点获取数据，Singleton 类

Question

我正在接受培训，我的任务是使用 jQuery 从外部 JSON 站点获取数据。我正在使用 Singleton 类来执行此操作。初始化期间将从该站点获取数据，并将数据作为属性添加到类中。作为提示，我被告知使用回调功能来确保正在获取数据。这个链接显示了我到目前为止的发现。我在 html（加载的 jquery）上运行此脚本，但没有得到任何结果。我不确定我的 jQuery 代码是否正确。

非常感谢任何形式的建议/指导。

谢谢你。

Answer 1

您的脚本正在运行，问题是警报在 ajax 成功回调之外，所以您看不到它。

 jQuery.ajax({
            type: "GET",
            url: feedurl,
            dataType: 'json',
            data: 'data',
            success: function(data) {
                object = data;
            } 
        });     alert(object);

这应该是：

 jQuery.ajax({
            type: "GET",
            url: feedurl,
            dataType: 'json',
            data: 'data',
            success: function(data) {
                object = data;
                    alert(object); 
            } 
        });  

对于信息，你可以做同样的事情只有：

$.getJSON('http://freegeoip.net/json/', function(data) {
  alert(data);
});

Answer 2

有大量使用 jquery 通过 http 访问 api 的示例。一个例子是：

$.getJSON( "ajax/test.json", function( data ) {
    var items = [];
    $.each( data, function( key, val ) {
        items.push( "<li id='" + key + "'>" + val + "</li>" );
    });
    $( "<ul/>", {
        "class": "my-new-list",
        html: items.join( "" )
    }).appendTo( "body" );
});

http://api.jquery.com/jQuery.getJSON/

你用单例解决了什么问题？为什么需要强制执行一个类的单个实例？