Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/json/15.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何使用AJAX显示数据?_Jquery_Json_Ajax - Fatal编程技术网

Jquery 如何使用AJAX显示数据?

Jquery 如何使用AJAX显示数据?,jquery,json,ajax,Jquery,Json,Ajax,大家好,我在ajax中面临一个问题,我想用html将此数据显示为表格,如何提取此数据并以html表格的形式显示它只是一个虚拟数据,否则它有很多对象和嵌套对象,请帮助我 JSON数据: { "FullName":"shahrushabh", "description":"this is demo person register", "Address1":"b\/1", "Area":"Sabarmati", "status":"active",

大家好,我在ajax中面临一个问题,我想用html将此数据显示为表格,如何提取此数据并以html表格的形式显示它只是一个虚拟数据,否则它有很多对象和嵌套对象,请帮助我

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代码:

   <script>
       $(document).ready(function(){
           $.ajax({
            url:"<?php echo base_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);
                })
              })
            }
           });
       });
    </script>

$(文档).ready(函数(){
$.ajax({
url:“index.php/myad”,
键入:“GET”,
数据类型:'json',
成功:功能(数据){

var jsonobject=jQuery.parseJSON(数据); 警报(“hi”); $.each(jsonobject、函数(键、值){ console.log(value.FullName); $.each(value.checkbox,函数(k,val){ 控制台日志(val); }) }) } }); });
根据您的问题,我假设您有嵌套对象,下面的代码是使用每个嵌套对象

//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);
  })
});
请确保在使用前已阅读

编辑

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

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=[
{
“全名”:“shahrushabh”,
“说明”:“这是演示人员登记簿”,
“地址1”:“b\/1”,
“区域”:“萨巴马蒂”,
“状态”:“活动”,
“拇指”:“0”,
“复选框”:
[
{“ID”:“1”,“UniqueID”:“617993”,“产品”:“electronics”,“Image”:“617993\/alphansomangolips.jpg”},
{“ID”:“2”,“UniqueID”:“617993”,“产品”:“家居装饰”,“图像”:“617993\/banana.jpg”}
]
},
{
“全名”:“shahrushabh”,
“说明”:“这是演示人员登记簿”,
“地址1”:“b\/1”,
“区域”:“萨巴马蒂”,
“状态”:“活动”,
“拇指”:“0”,
“复选框”:
[
{“ID”:“1”,“UniqueID”:“617993”,“产品”:“electronics”,“Image”:“617993\/alphansomangolips.jpg”},
{“ID”:“2”,“UniqueID”:“617993”,“产品”:“家居装饰”,“图像”:“617993\/banana.jpg”}
]
}
];
//log(jsonObject);
$.each(jsonObject、函数(键、值){
console.log(value.FullName);
$.each(value.checkbox,函数(k,val){
控制台日志(val);
})
});

这可能会帮助您:对不起,这对我没有帮助为什么?你不是在找吗?对不起,这里有一个嵌套对象,每个函数只使用一个,你能帮我吗?请回答这个问题。如果你知道的话。显示你的代码,到目前为止你都尝试了什么$(document).ready(function(){$.ajax({url:'index.php/myad',type:'GET',dataType:'json',success:function(data){$.each(data,function(key,value){console.log(value.FullName);$.each(value.checkbox,function(k,val){console.log(val);}}}}}};});它显示json数据您需要在每个循环之前解析json数据,如果您仍然发现任何问题,请告诉我?即使没有出现alertvar jsonobject=jQuery.parseJSON(数据);alert(“hi”);$.each(jsonobject,函数(键,值),它仍然存在问题{