使用jQuery从JSON检索值

我一直在使用这个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>

$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$.getJSON（“demo\u ajax\u json.js”，函数（结果）{
$.each（结果、函数（i、字段）{
$（“div”）.append（字段+”）；
});
});
});
});

我想从上面给定的JSON中提取

email

和

url

的值。在这方面有人能帮我吗

谢谢

更换此：

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

为此：

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

您不需要每个数据集，因为您只返回一组数据，并试图直接访问其属性。

替换此：

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

为此：

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

---

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

无需在each调用中执行此操作

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

$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$.getJSON（“demo\u ajax\u json.js”，函数（结果）{
$（“div”）.append（result.info.email+“”+result.info.url）；
);
});
});
});

---

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

无需在每次调用中添加信息

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

$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$.getJSON（“demo\u ajax\u json.js”，函数（结果）{
$（“div”）.append（result.info.email+“”+result.info.url）；
);
});
});
});

---

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

请尝试以下代码：

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

$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$.getJSON（“demo\u ajax\u json.js”，函数（数据）{
var Append=“”；
对于（变量i=0；i

---

请尝试以下代码：

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

$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$.getJSON（“demo\u ajax\u json.js”，函数（数据）{
var Append=“”；
对于（变量i=0；i

---

如果没有每次通话，您需要将其作为result.field.info.email等进行引用，否？如果没有每次通话，您需要将其作为result.field.info.email等进行引用，否？我需要使用每个通话，因为json文件可能包含多个通话的数据person@h_a86我懂了。您可能需要更新JSON示例，因为结构会影响正确答案。一般来说，您的原始解决方案只需要深入一个引用（即field.info.email，而不仅仅是field）。我需要使用每个引用，因为json文件可能包含多个引用的数据person@h_a86我懂了。您可能需要更新JSON示例，因为结构会影响正确答案。一般来说，您的原始解决方案只需要深入一个参考（即field.info.email，而不仅仅是field。）的可能重复