如何使用AJAX显示数据？

大家好我是一个面对ajax中的一个问题我想在html中显示这个数据作为一个表如何提取这些数据并以html表格forms显示它只是一个虚拟数据，否则它有很多对象加上嵌套对象请帮我。

JSON数据：

{ "FullName":"shahrushabh", "description":"this is demo person register", "Address1":"b\/1", "Area":"Sabarmati", "status":"active", "Thumb":"0", "checkbox": [ {"ID":"1","UniqueID":"617993","Product":"electronics","Image":"617993\/alphansomangolips.jpg"}, {"ID":"2","UniqueID":"617993","Product":"Home Decor","Image":"617993\/banana.jpg"} ] } 

AJAX代码：

   $(document).ready(function(){ $.ajax({ url:"index.php/myad", type: 'GET', dataType:'json', success: function(data){ var jsonobject = jQuery.parseJSON(data); alert("hi"); $.each(jsonobject, function(key, value){ console.log(value.FullName); $.each(value.checkbox , function(k, val){ console.log(val); }) }) } }); });  

Answer 1

我假设你的问题是你有嵌套对象，下面的代码是每个嵌套对象使用。

 //Main loop $.each(jsonObject, function(key, value){ console.log(value.FullName); //Inner loop for check box for each user $.each(value.checkbox, function(k, val){ console.log(val); }) }); 

在使用之前，请确保您已阅读Official every（） 。

编辑

在迭代之前检查响应是否为数组。

 if (!$.isArray(jsonObject)) { jsonObject = [jsonObject]; } $.each(jsonObject, function(key, value){ console.log("FULL NAME " + value.FullName); $.each(value.checkbox, function(k, val){ console.log("ID" + " " + val.ID); }); }); 

 var jsonObject = [ { "FullName":"shahrushabh", "description":"this is demo person register", "Address1":"b\/1", "Area":"Sabarmati", "status":"active", "Thumb":"0", "checkbox": [ {"ID":"1","UniqueID":"617993","Product":"electronics","Image":"617993\/alphansomangolips.jpg"}, {"ID":"2","UniqueID":"617993","Product":"Home Decor","Image":"617993\/banana.jpg"} ] }, { "FullName":"shahrushabh", "description":"this is demo person register", "Address1":"b\/1", "Area":"Sabarmati", "status":"active", "Thumb":"0", "checkbox": [ {"ID":"1","UniqueID":"617993","Product":"electronics","Image":"617993\/alphansomangolips.jpg"}, {"ID":"2","UniqueID":"617993","Product":"Home Decor","Image":"617993\/banana.jpg"} ] } ]; //console.log(jsonObject); $.each(jsonObject, function(key, value){ console.log(value.FullName); $.each(value.checkbox, function(k, val){ console.log(val); }) });