jquery - 使用 jQuery 从 JSON 中检索值

Question

我一直在使用这个 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中提取email和提取值。url任何人都可以在这方面帮助我。

谢谢

Answer 1

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

<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 中。

Answer 2

替换这个：

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

有了这个：

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

您不需要 each，因为您只返回一组数据并尝试直接访问它的属性。

Answer 3

试试下面的代码：

<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);
          );
        });
    });
});