10

ユーザーがボタンをクリックすると、結果をテーブル行に追加できるように、データを返して JSON を反復処理したいと考えています。

この時点で、ループを機能させようとしています。これが私のコードです。

JSON は次のように返されます: {"COLUMNS":["username","password"],"DATA":[["foo", "bar"]]}

$("#button").click(function(){

    $.ajax({
        url: 'http://localhost/test.php',
        type: 'get',
        success: function(data) {  
         $.each(data.items, function(item) {
            console.log(item);
            });
        },
        error: function(e) {
            console.log(e.message);
        }
    });

});

jQuery (16 行目、a が定義されていません) エラーが発生します。私は何を間違っていますか？

4

2 に答える 2

11

JSONあなたがこのようなものであると仮定すると

var item=  {
        "items": [
                  { "FirstName":"John" , "LastName":"Doe" },
                  { "FirstName":"Anna" , "LastName":"Smith" },
                  { "FirstName":"Peter" , "LastName":"Jones" }
                 ]
           }

このようにクエリできます

$.each(item.items, function(index,item) {        
    alert(item.FirstName+" "+item.LastName)
});

サンプル: http://jsfiddle.net/4HxSr/9/

編集：後で投稿されたJSON OPに従って

あなたJSONにはアイテムがないため、無効です。

このようなJSONに従って

var item= {  "COLUMNS": [  "username", "password" ],
             "DATA": [    [ "foo", "bar"  ] ,[ "foo2", "bar2"  ]]
          }

このようにクエリする必要があります

console.debug(item.COLUMNS[0])
console.debug(item.COLUMNS[1])

 $.each(item.DATA, function(index,item) {        
    console.debug(item[0])
    console.debug(item[1])
  });

作業サンプル: http://jsfiddle.net/4HxSr/19/

于 2012-06-12T03:18:57.573 に答える
4

以下を追加する必要があります。

dataType: 'json',

..だからあなたは持っているべきです：

$("#button").click(function(){

$.ajax({
    url: 'http://localhost/test.php',
    type: 'get',
    dataType: 'json',
    success: function(data) {  
     $.each(data.COLUMNS, function(item) {
        console.log(item);
        });
    },
    error: function(e) {
        console.log(e.message);
    }
});

});

.. また、各ステートメントで COLUMNS を参照していることを確認します。

getJson も別の方法です。

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

于 2012-06-12T03:23:09.800 に答える