AJAXコールからデータを取得する方法を理解する

Question

DBからデータを取得するために使用しているAJAX呼び出しがあります。

$.ajax({ 
    url: URL + '/main/noc/html_forms/query.cfm', 
    type: 'GET', 
    dataType: 'json', 
    data: { 
     dataset: 'Users' 
    }, 
    async: false, 
    timeout: 5000, 
    cache: false, 
    success: function(data) {    
     var result = data.result; 
     console.log(result); 
    } 
}); 

このデータをDOM ID要素に印刷できないことを除いて、データが正常に取得されたことがコンソールからわかります。私はdocument.write(result);を行う場合であっても、画面上に表示されるテキストは、私はちょうどそれを得ることができない、私はそれを見ることができるので、データが正常に取得され、再び

[object Object],[object Object],[object Object]

です。

私はこれはおそらく愚かな質問ですが知っている、それは私が101クラスで学ぶことができるものになってしまうだろう、誰かがここで何が起こっているのかを説明することができ、どのように私は私のデータを取得できますか？

Answer 1

投稿されたスクリーンショットでは、AJAXコールの結果がArrayという形式で表示されているようです。だから、そのデータにアクセスするためには、おそらく...のように、このことができますdocument.write(result[0].user_name)または

$.ajax({ 
    url: URL + '/main/noc/html_forms/query.cfm', 
    type: 'GET', 
    dataType: 'json', 
    data: { 
     dataset: 'Users' 
    }, 
    async: true, 
    cache: false, 
    success: function(data) { 
     var result = data.result; 
     for (var i = 0; i < result.length; i++) { 
      document.write(result[i].user_name); 
     } 
     console.log(result); 
    } 
}); 

希望を何かをする必要があります。

Answer 2

あなたのコードは大丈夫ですが、成功した場合には、オブジェクトの配列を返すされ、その後、あなたは、サーバーからのオブジェクトの配列を取得しているこの

$.ajax({ 
url: URL + '/main/noc/html_forms/query.cfm', 
type: 'GET', 
dataType: 'json', 
contentType:'application/json;charset=utf-8', 
data: { 
    dataset: 'Users' 
}, 
async: false, 
timeout: 5000, 
cache: false, 
success: function(data) {    
    alert(data[0].user_name); 
    console.log(result); 
} 
}); 

Answer 3

success: function(data) {  
      $.each(data,function(index,obj) 
      { 
       console.log('object ' + index); 
       $.each(obj,function(key,value) 
       { 
        console.log(key + ':' + value); 
       });  
      }); 
    } 

のようにコードを変更する必要があります。それを直接印刷することはできません。値を出力するには、この配列を反復処理する必要があります。このためには、$.each jquery関数を使用して最初にオブジェクトの配列を反復処理し、再び各オブジェクトのすべてのキーと値のペアを反復処理します。 $.each関数here