javascript - 将 php json 数据显示为 jquery ajax

Question

我是这个话题的新手。我有一个类似这样的 Json 结果:

{
    "span": " 1",
    "numcard": "12",
    "chan": " Yes",        
    "idle": "Yes",
    "level": "idle ",
    "call": "No ",
    "name": ""
}

我如何使用 ajax 显示所有 json 数据。我目前已经编写了这段代码，虽然我正在获取数据，但它并没有按照我想要的方式工作。

$("a[name=cardNo1]").click(function() {
    var cardNo1 = $(this).attr("id");
    $("a[name=cardNo1]").each(function() {
        cardNo1 += "";
    });

    var dataString = "action=spanchan" + "&cardNo=" + cardNo1;
    $.ajax({
        type: "POST",
        url: "dahdiprocess.php?",
        data: dataString,
        dataType: 'json',
        success: function(data, status) {
            if (data != "") {
                $.each(data, function(key, val) {
                    $("#span").val(val.span);
                    $("#numcard").val(val.numcard);
                    $("#chan").val(val.chan);
                    $("#idle").val(val.idle);
                    $("#level").val(val.level);
                    $("#call").val(val.call);
                    $("#name").val(val.name);
                });
            }
        }
    });
});

<input id="span" name="span" value="" />
<input id="numcard" name="numcard" value="" />
<input id="chan" name="chan" value="" />
<input id="idle" name="idle" value="" />
<input id="level" name="level" value="" />
<input id="call" name="call" value="" />
<input id="name" name="name" value="" />

当我尝试提醒时，例如 alert(val.span) 它一直显示未定义。有没有人有这方面的经验，看看我的代码是否有问题？任何帮助将不胜感激。谢谢。

Answer 1

您正在返回一组值，因此您不需要成功处理程序中的 each。试试这个:

success: function(data, status) {
    if (data != "") {
        $("#span").val(data.span);
        $("#numcard").val(data.numcard);
        $("#chan").val(data.chan);
        $("#idle").val(data.idle);
        $("#level").val(data.level);
        $("#call").val(data.call);
        $("#name").val(data.name);
    }
}

理论上，您不需要 data != "" 检查，因为当请求结果为 时，您的服务器端代码不应返回空响应200 OK.