使用jQuery遍历后台的json对象

js解析json字符串数组并自动生成table展示在页面中

    <SCRIPT language="javascript" type="text/javascript">
      $(function(){ 
        var json = {"options" : "[{'name':'susan','age':'19'},{'name':'jerry','age':'19'},{'name':'sun','age':'20'}]" }
        json = eval(json.options)
        for ( var i = 0; i < json.length; i++) {
         //得到表格对象
        var table = document.getElementById("table1");
        //创建新行
        var row = table.insertRow(table.rows.length);
        //为行创建 name 单元格
        var idCell = row.insertCell(0);
        idCell.innerHTML = json[i].name;
        //为行创建 age 单元格
        var nameCell = row.insertCell(1);
        nameCell.innerHTML = json[i].age;
            
        }
});
</script>

HTML:
<table id="table1">
            <tr>
                <td>
                    NAME
                </td>
                <td>
                    AGE
                </td>
            </tr>
</table>

js解析数组

<script type="text/javascript">

  var json = "['1','2']"
  json = eval(json)
for (var i = 0; i < json.length;i++)
{
  alert(json[i]);
}

</script>