使用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/

您通過使用Singleton解決了什么問題？ 為什么需要強制一個類的單個實例？