使用jQuery从JSON中检索值

时间:2012-11-02 11:25:52

标签: jquery

我一直在使用这个JSON

{ 
    "firstName": "John",
    "lastName": "Doe",
    "age": 25,
    "info": { 
        "email": "abc@abc.com",
        "url": "http://"
    }
}

使用这个jQuery函数

<script>
    $(document).ready(function() {
        $("button").click(function() {
            $.getJSON("demo_ajax_json.js", function(result) {
                $.each(result, function(i, field) {
                    $("div").append(field + " ");
                });
            });
        });
    });
</script>

我想从上面给出的JSON中提取emailurl的值。在这方面,有人可以帮助我。

谢谢

3 个答案:

答案 0 :(得分:3)

无需在每次通话中都这样做。

<script>
    $(document).ready(function() {
        $("button").click(function() {
            $.getJSON("demo_ajax_json.js", function(result) {
                $("div").append(result.info.email + " " + result.info.url);
              );
            });
        });
    });
</script>

请注意,通过选择“div”,您将把信息附加到页面上的所有div中。

答案 1 :(得分:2)

替换它:

$.each(result, function(i, field) {
    $("div").append(field + " ");
});

有了这个:

$("div").append(result.field.info.email);
$("div").append(result.field.info.url);

您不需要每个,因为您只返回一组数据,并且正在尝试直接访问它的属性。

答案 2 :(得分:0)

尝试以下代码:

<script>
$(document).ready(function() {
    $("button").click(function() {
        $.getJSON("demo_ajax_json.js", function(data) {
            var Append = "";
              for (var i = 0; i < data.d.length; i++) {
              Append +=title="' + data.d[i].FriendName + '";
              }
            $("div").append(Append);
          );
        });
    });
});