js ajax获取json数据后,替换table表格中的值

如何把json格式的数据遍历替换表格中的数据有什么具体的方法吗 急 急 急 急!

2个回答

你eval(json)把结果用for循环获取数据去替换就行了

 <!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
<div>
    <table>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>4</td>
            <td>5</td>
            <td>6</td>
        </tr>
        <tr>
            <td>7</td>
            <td>8</td>
            <td>9</td>
        </tr>
    </table>
    <button onclick="update();">替换</button>
</div>
<script type="text/javascript" src="jquery-3.0.0.min.js"></script>
<script>
    function update() {
        var json = "[{value:'a'},{value:'b'},{value:'c'},{value:'d'},{value:'e'},{value:'f'},{value:'g'},{value:'h'},{value:'i'}]";
        var jsonObj = eval("(" + json + ")");
        var $tds = $("table").find("td");
        $(jsonObj).each(function (i, o) {
            $tds.eq(i).text(o.value);
        });
    }
</script>
</body>
</html>
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!