gpt4 book ai didi

javascript - 如何将我的 json 数据加载到 html 表中并使用纯 Javascript 将行设置为单选按钮?

转载 作者:行者123 更新时间:2023-11-30 15:32:53 25 4
gpt4 key购买 nike

我有一个 json 响应:

var jsondata = dojo.fromJson(response);

我有一个字符串

var jsonString = jsondata.items;

jsonString 是 JSON 文件

jsonString="[
{macAddress:'aa:bb:Cc',domainName:'NMS',Priority:'first'},
{macAddress:'ea:fb:Ca',domainName:'Network',Priority:'third'},
{macAddress:'ca:bb:Ca',domainName:'Mesh',Priority:'second'}
]";

现在我想通过 jsonString[0]< 访问第一个对象 {macAddress:'aa:bb:Cc',domainName:'NMS',Priority:'first'}/这不起作用。这将显示“[”,这是第一个元素而不是第一个对象。

我也试过

jsondata.items[0];
jsondata[Object.keys(jsondata)[0]];
jsondata[1];

一切都说“未定义”。

有人可以帮忙吗?我需要提取这些数据并将其放入一个表格中,表格中的行作为单选按钮

最佳答案

我认为您的 json 字符串中存在错误,请尝试使用 jsonlint.com 验证 json

请在下面找到工作代码:

$(document).ready(function(){
var jsonString = '[{"macAddress": "aa:bb:Cc","domainName": "NMS","Priority": "first"},{"macAddress": "ea:fb:Ca","domainName": "Network","Priority": "third"},{"macAddress": "ca:bb:Ca","domainName": "Mesh","Priority": "second"}]';

var row = '';

$.each($.parseJSON(jsonString), function(index, value){
row += '<tr><td>&nbsp;</td><td><input type="radio" name="test" /> '+ value.macAddress +'</td></tr>';
});
$('#tbl tbody').html(row);
});
 <!doctype html>
<html>
<head>
<title>Stackoverflow</title>
</head>
<body>
<div class="container">
<table id="tbl">
<thead>
<tr>
<th>&nbsp;</th>
<th>Description</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</body>
</html>

关于javascript - 如何将我的 json 数据加载到 html 表中并使用纯 Javascript 将行设置为单选按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41993705/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com