जेएसओएन के माध्यम से $ .ajax सफलता

Question

जब कोई उपयोगकर्ता किसी बटन पर क्लिक करता है तो मैं कुछ डेटा वापस करना चाहता हूं और JSON के माध्यम से पुनरावृत्ति करना चाहता हूं ताकि मैं परिणामों को तालिका पंक्ति में जोड़ सकूं।

इस बिंदु पर मैं बस अपना लूप काम करने की कोशिश कर रहा हूं, यह मेरा कोड है।

मेरे JSON वापस इस प्रकार आ रहा है: { "कॉलम": [ "उपयोगकर्ता नाम", "पासवर्ड"], "डाटा": [[ "foo" "बार"]]}

$("#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, एक परिभाषित नहीं है) त्रुटि। मैं क्या गलत कर रहा हूं?

Answer 1

मानते हुए अपने 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 ओ पी के रूप में बाद में प्रकाशित किया गया था

आपके JSON में कोई आइटम नहीं है, इसलिए यह अमान्य है।

इस

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

तरह

आपके JSON के अनुसार आप इस

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/

Answer 2

आप जोड़ने की जरूरत:

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); 
    } 
}); 

}); 

.. साथ ही यह सुनिश्चित करें कि आप प्रत्येक बयान में कॉलम संदर्भित कर रहे हैं।

getJSON भी यह कर का एक और तरीका है ..

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