Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/375.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.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
Javascript 如何使用jQuery获取信息?_Javascript_Jquery_Json - Fatal编程技术网

Javascript 如何使用jQuery获取信息?

Javascript 如何使用jQuery获取信息?,javascript,jquery,json,Javascript,Jquery,Json,我要做的是用JSON文件big.JSON中的一些信息填充一个表,我需要用jQuery来完成这项工作 现在看起来像这样,但不起作用: <div class="stink"> <table> <tr> <th>Car</th> <th>fault1</th> <th>fault2</th> </tr>

我要做的是用JSON文件big.JSON中的一些信息填充一个表,我需要用jQuery来完成这项工作

现在看起来像这样,但不起作用:

 <div class="stink">
    <table>
      <tr>
        <th>Car</th>
        <th>fault1</th>
        <th>fault2</th>
      </tr>

      <script>
        $.getJSON( "data.json", function( data ) {
          var items = [];
          $.each( data, function( key, val ) {
            items.push( "<li id='" + key + "'>" + val + "</li>" );
          });
          $( "<ul/>", {
            "class": "my-new-list",
            html: items.join( "" )
          }).appendTo( "body" );
        });
      </script>

    </table>
  </div>

如何使用JQUERY在表中解析这些信息?

由于您有一个表,最好不要用列表显示您的信息,而是使用该表。为此:

 $.getJSON( "data.json", function( data ) {

    $.each( data, function( key, obj ) {
        var items = [];
        items.push( "<td>" + key + "</td>" );   //Car name
        items.push( "<td>" + obj.fault1 + "</td>" );  //fault1
        items.push( "<td>" + obj.fault2 + "</td>" );  //fault2

        $( "<tr/>", {
            "class": "my-new-list",
            html: items.join( "" )
        }).appendTo( ".stink table" );
    }); 
});

我试图尽可能少地修改您的代码,以便您更好地理解它。

不工作并不是一个很好的错误描述。您能否为您的示例发布您希望最终html的外观?如果它是一个虚拟文本,这其实并不重要,只是编写它不工作,我们将一事无成!你尝试了什么,到底发生了什么,你是否打开控制台检查错误,你是否连接了一个fail函数以查看是否有错误等等。你的代码是正确的,因此,它是无助的。那么,考虑到乍一看没有错误,我打赌你有足够的技能自己解决这个问题。你打开控制台了吗?你把URL粘贴到地址栏了吗?请记住,如果您被否决,一定是有原因的。您正在尝试用字符串连接对象,默认字符串表示形式为[object object]。您不必是jQuery专家就知道这一点,因为这是基本的JavaScript。如果您了解PHP,那么您可能也知道数组也会有类似的行为。如果要回显“数据:”$someArray;,然后得到数据:数组作为输出。您必须访问要显示的对象的属性。请看这里:。Edgar我想特别感谢您为我理解和调试每一行脚本代码所做的努力。非常感谢!不客气,莉莎!很高兴它帮助了你。干杯,来自玻利维亚的拉巴斯。我的电子邮件是edgarinvillegas@hotmail.comhave另一个问题:对于上面的JSON,如果我使用这个,我如何获得汽车的名称:对于数据{output=+data[i]++data[i].fault1++data[i].fault2+;,我如何获得汽车的名称?我使用了数据[i]但这是不对的:在这种情况下,我只是有一个叫卡坦克的名字,非常感谢你!你太棒了!:
 $.getJSON( "data.json", function( data ) {

    $.each( data, function( key, obj ) {
        var items = [];
        items.push( "<td>" + key + "</td>" );   //Car name
        items.push( "<td>" + obj.fault1 + "</td>" );  //fault1
        items.push( "<td>" + obj.fault2 + "</td>" );  //fault2

        $( "<tr/>", {
            "class": "my-new-list",
            html: items.join( "" )
        }).appendTo( ".stink table" );
    }); 
});