使用来自外部JSON站点,Singleton类的jQuery获取数据

时间:2013-10-25 18:38:37

标签: javascript jquery json singleton fetch

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

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

谢谢。

2 个答案:

答案 0 :(得分: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);
});

答案 1 :(得分:0)

有很多使用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/

使用Singleton解决了什么问题?为什么需要强制执行类的单个实例?