Javascript 如何使用jQuery获取信息?
我要做的是用JSON文件big.JSON中的一些信息填充一个表,我需要用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>
<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" );
});
});