JavaScript JSON數據問題 - 警告不會在每個循環中顯示

Question

我遇到了一些JavaScript代碼問題。

我沒有在每個循環區域後收到警報。

這裏是整個代碼：

var widget = { 

    url: 'the url here', //no used yet 

    readjson: function() { 

     alert(this.url); 

     var thedata = [ 
     {"TEST1":45,"TEST2":23,"TEST3":"DATA1"}, 
     {"TEST1":46,"TEST2":24,"TEST3":"DATA2"}, 
     {"TEST1":47,"TEST2":25,"TEST3":"DATA3"} 
     ]; 

     alert(thedata); //I get this 

      $.getJSON(thedata, function(data) { 
       $.each(data, function(index) { 
        alert(data[index].TEST1); //No alert here 
        alert(data[index].TEST2); //No alert here 
       }); 
     }); 

    } 

}; 

widget.readjson(); 

Answer 1

[用URL電話：] 相同的代碼下面的JSON字符串，但隨着AJAX調用包裝：

$.getJSON('http://exemple.com/data.json' , function(data) { 
    $.each(data, function() { 
     alert(this.TEST1); 
     alert(this.TEST2); 
    }); 
}); 

[用JSON刺痛：]

var widget = { 
 
    readjson: function() { 
 
    var stringJsonData = '[{"TEST1":45,"TEST2":23,"TEST3":"DATA1"},{"TEST1":46,"TEST2":24,"TEST3":"DATA2"},{"TEST1":47,"TEST2":25,"TEST3":"DATA3"}]'; 
 

 
    alert(stringJsonData); 
 
    data = $.parseJSON(stringJsonData); 
 

 
    $.each(data, function() { 
 
     alert(this.TEST1); 
 
     alert(this.TEST2); 
 
    }); 
 
    } 
 
}; 
 

 
widget.readjson();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

---

這是一個JSON字符串，你可以用$.parseJSON()解析：

var thedata = '[ 
    {"TEST1":45,"TEST2":23,"TEST3":"DATA1"}, 
    {"TEST1":46,"TEST2":24,"TEST3":"DATA2"}, 
    {"TEST1":47,"TEST2":25,"TEST3":"DATA3"} 
    ]'; 

的主要問題是，你嘗試使用AJAX調用（$.getJSON()）是採取URL字符串作爲第一個參數，用手工製作的JSON對象的事情...

現在，你僅僅是一個對象的數組JS，你可以處理這樣的：

var widget = { 
 
    read: function() { 
 
    var thedata = [{"TEST1": 45,"TEST2": 23,"TEST3": "DATA1"},{"TEST1": 46,"TEST2": 24,"TEST3": "DATA2"},{"TEST1": 47,"TEST2": 25,"TEST3": "DATA3"}]; 
 

 
    alert(thedata); //I get this 
 
    $.each(thedata, function(index) { 
 
     alert(this.TEST1); //No alert here 
 
     alert(this.TEST2); //No alert here 
 
    }); 
 
    } 
 
}; 
 
widget.read();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>