如何使用 javascript [对象] [重复] 显示数据答案

【问题标题】：how to display data with javascript [object] [duplicate]如何使用 javascript [对象] [重复] 显示数据
【发布时间】：2019-11-15 21:13:24
【问题描述】：

请帮帮我数据没有出现在 div 中 result 和 display [object] 如何解决？

 <div id="result">
 </div>
 <script>
    jQuery(document).ready(function($){
    var html = 'Sedang memproses data';
    $('#result').html(html);
    $('#result').css('background','none');
    $.getJSON( "get.php?nopel=<?php echo $idp;?>", function(data) {
      if(data) {
          html = '<h2>Berikut Tagihan Listrik Anda</h2><table>';
          $.each(data,function(x,y){
              html += '<tr><td>'+x.replace('_','/')+'</td><td>'+y+'</td>';
          });
          html += '</table>';
          $('#result').html(html);
      }
      else {
           $('#result').html('Tidak ada data');
      }
    });
   });
</script>

这样的json数据，如何邀请到JavaScript

{
 "status": "success",
  "data": [
{
  "Info": "A",
  "hasil": "AA"
},
{
  "Info": "B",
  "hasil": "BB"
}
 ]
}

console.log（数据）

【问题讨论】：

将$.each(data, ...更改为$.each(data.data, ...
听起来你想要$.each(data.data 而不是$.each(data，因为响应中有一个datakey 持有一个数组。顺便说一句，有趣的是，我从未见过有人说他需要将 json 数据“邀请”到 javascript。这很奇怪。
与我remember seeing yesterday的问题惊人地相似
@MedicalClinic 在您上面的代码中。你写$.each(data, function(x,y){的地方把data改成data.data
@freefaller 这确实是一个很好的收获。

标签： javascript jquery arrays json

【解决方案1】：

首先，请不要用multiple accounts问same question。

您的代码有两个主要问题...

正如多人在 cmets 中指出的那样，如果您想要 data json 对象中的 dataproperty，那么您需要使用 data.data 而不是 data
$.each 函数传递了两个参数（索引和值），但您似乎认为它传递了对象的两个属性。

下面有两个更改，您可以看到我已将function(x,y) 更改为function(i,v)，其中v 是对象。然后我使用v.Info 和v.hasil...

var data = 
{
 "status": "success",
  "data": [
    {
      "Info": "A",
      "hasil": "AA"
    },
    {
      "Info": "B",
      "hasil": "BB"
    }
 ]
}

$(function(){
  var html = 'Sedang memproses data';
  $('#result').html(html);
  $('#result').css('background','none');
  //$.getJSON( "get.php?nopel=<?php echo $idp;?>", function(data) {
    if(data) {
        html = '<h2>Berikut Tagihan Listrik Anda</h2><table>';
        $.each(data.data,function(i,v){
            html += '<tr><td>'+v.Info.replace('_','/')+'</td><td>'+v.hasil+'</td>';
        });
        html += '</table>';
        $('#result').html(html);
    }
    else {
         $('#result').html('Tidak ada data');
    }
  //});
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="result">
</div>

【讨论】：