JSON.parse 解码后出错 JSON.stringify-ed 数组

Question

我想通过JSON提交数组数组。所以我创建了一个对象，在其上应用 JSON.stringify() 并将其设置为 formData...

    var sources = new Array();
    $('.source-instance').each(function(){

        var auxObject = {};
        auxObject["sourceTitle"] = $(this).find(".source-title").val();   

        sources.push(auxObject);
        console.log('sources: ' + JSON.stringify(sources));
    });

    formData.set('sources', JSON.stringify(sources));

当我查看数据时

console.log(formData.get('sources'))

我明白了

[{"sourceTitle":"SomeTitle"},{"sourceTitle":"AnotherTitle"}]

... 然后我通过 AJAX 继续到服务器。

在服务器端 php 我遍历数组并让它打印：

foreach (json_decode($request['sources'], true) as $sourceInstance) {
    print_r($sourceInstance);
}

我明白了

Array
(
    [sourceTitle] => SomeTitle
)
Array
(
    [sourceTitle] => AnotherTitle
)

看起来不错。但我也得到

SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data

怎么会这样？我该如何修复呢？没看出来，哪里来的。

编辑 ajax 看起来像这样：

    $.ajax({
        url: '/piece/store',
        type: 'POST',
        processData: false,
        contentType: false,
        dataType: 'JSON',     
        data: formData,
        success: function(response){
           if (response.status == 'error'){
              // show the erors
           }
           if (response.status == 'success'){ // "redirect" to success page
               window.location.replace('/succes');
           }
        },
        error: function(response){
           $(".optional.errors").show();
           $('ul.errors').empty();
           $.each(response.errors, function (index, error) {
               $('ul.errors').append('<li>' + error + '</li>');
           });    
       }
    });

php 回复：

$response = [
    'status' => 'success',
];                     
return response()->json($response);

Answer 1

当 jQuery 试图解析来自 ajax 调用的响应时，会出现该错误消息。

在您的 ajax 请求中，您设置了：dataType: 'json'，它告诉 jQuery 期望响应是一个 json 字符串。 jQuery 然后将尝试将该 json-字符串解析为 json-对象（使用 JSON.parse()）。

但是，由于您的 PHP 代码中包含 print_r($sourceInstance)，响应将不是有效的 json 字符串，并且会使 JSON.parse() 失败。

服务器端的任何输出（回显、var_dump、print_r等）都将成为响应的一部分。

JSON.parse 解码后出错 JSON.stringify-ed 数组

JSON.parse Error after decoding JSON.stringify-ed Array

php

json

form-data