Question

我发布了下面的脚本，当前脚本将输出如下。

[＆＃34; ERROR1＆＃34;＆＃34;误差2＆＃34;＆＃34;误差3＆＃34;]

[＆＃34; Good1＆＃34;＆＃34; Good2＆＃34;＆＃34; Good3＆＃34;]

我希望在单独的段落中输出每个错误，在另一段落中输出每个错误

PHP脚本

        $Error[] = "Error1";
        $Error[] = "Error2";
        $Error[] = "Error3";

        $Good[] = "Good1";
        $Good[] = "Good2";
        $Good[] = "Good3";

        $Data["Error"] = json_encode($Error);
        $Data["Good"] = json_encode($Good);

        die(json_encode($Data));

Jquery脚本

    function _Request()
    {
        $("form").submit(function(e)
        {
            e.preventDefault();

            $.ajax(
            {
                url: $(this).attr("action"),
                type: "POST",
                data: $(this).serializeArray(),
                dataType: 'json',
                success: function(Result)
                {
                    var Data = "";

                    $.each(Result, function(Index, Item)
                    {
                        Data += "<p>" + Item + "</p>";
                    });

                    $("#Result").html(Data);
                }
            });
        });
    }

Answer 1

不要JSON单独编码数组，只需在最后编码完整的数据结构，否则在客户端进行解码时，嵌套的JSON将被视为字符串。

这样做：

    $Error[] = "Error1";
    $Error[] = "Error2";
    $Error[] = "Error3";

    $Good[] = "Good1";
    $Good[] = "Good2";
    $Good[] = "Good3";

    $Data["Error"] = $Error;
    $Data["Good"] = $Good;

    echo json_encode($Data);

然后，您将在客户端使用这样的数据：

        $.ajax(
        {
            url: $(this).attr("action"),
            type: "POST",
            data: $(this).serializeArray(),
            dataType: 'json',
            success: function(data)
            {
                var $result = $('#Result');
                $result.empty();

                $.each(data.Error, function(idx, item) {
                    $result.append('<p class="error">' + item + '</p>');
                });

                $.each(data.Good, function(idx, item) {
                    $result.append('<p class="good">' + item + '</p>');
                });
            }
        });

注意我在段落中添加了类名，以防你想通过方便的类来控制它们的CSS显示。

Answer 2

你的意思是这样吗？

                var Data = "";

                // error
                $.each(Result.Error, function(Index, Item)
                {
                    Data += "<p>" + Item + "</p>";
                });

                //Good
                $.each(Result.Good, function(Index, Item)
                {
                    Data += "<p>" + Item + "</p>";
                });

                $("#Result").html(Data);

Answer 3

你需要进入第二级

假设您的数据是：

Result = {Error:["Error1","Error2","Error3"],
Good:["Good1","Good2","Good3"]}

则...

$.each(Result, function(Index, Item)
  {
   $.each(Item, function(i,d){    
      Data += "<p>" + d + "</p>";
   })
});

这是一个小提琴：http://jsfiddle.net/charrisgw/kjqdhfec/

PHP / JQUERY - 显示json的每个子数组

3 个答案: