无法使用jQuery读取Json数据

Question

<!DOCTYPE html>
<html>
  <head>
  <title>test</title>
  <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
  </head>
  <body>
    <div id="div1">sqq</div>
    <div id="div2">dv2</div>

    <script>
    function getData(){
        $.ajax({
            type:"GET",
            url:"j.json",
            dataType:"json",
            success: function(jsondata){
                output(jsondata);               
            }
        });
    }

    function output(json){

        var Data = eval('(' + json + ')');
        var html = '';
        //alert(Data.length);
        for(var i=0;i<Data.length;i++){
            html += 'name' + Data[i].name + 'age' + Data[i].age;
        }

        document.getElementById('div1').innerHTML = html;
        document.getElementById('div2').innerHTML = Data[0].name;
    }

    setTimeout(getData, 3000);

    </script>             
  </body>
 </html>

上面是我的代码和json文件的内容是：

    [{"name":"aaa","age":18},{"name":"bbb","age":19}]

我不明白为什么这行不通。 我想使用json数据更新div1的内容，但没有任何反应。 当我尝试读取json数据时有什么问题吗？ 我不熟悉处理Json数据，因此请详细解释。 非常感谢。

Answer 1

您不必使用“ eval”。 您将已经在'jsondata'变量中接收到json对象。

function output(json){


        var html = '';

        for(var i=0;i<json.length;i++){
            html += 'name' + json[i].name + 'age' + json[i].age;
        }

        document.getElementById('div1').innerHTML = html;
        document.getElementById('div2').innerHTML = json[0].name;
    }

无法使用jQuery读取Json数据

问题描述

1 个解决方案

解决方案1
3 已采纳 2014-02-25 20:42:33

无法使用jQuery读取Json数据

问题描述

1 个解决方案

解决方案1 3 已采纳 2014-02-25 20:42:33

解决方案1
3 已采纳 2014-02-25 20:42:33