AJAX 发布错误 - SyntaxError：JSON 中第 5 位的意外标记 R

Question

我正在尝试将以下 JSON 文件发送到 AJAX POST 方法。

参见下面的 AJAX 方法：-

$(document).on('submit', '#create-recipe-form', function(){
    // get form data
    var form_data= {
                     "recipe_name":"ghjghjh",
                     "category_name":"Desert",
                     "category_id":"8",
                     "Apple":"Apple",
                     "Carrots":"Carrots",
                     "step1":"ghj",
                     "step2":"",
                     "step3":"",
                     "step4":"",
                     "prep":"6"
                      };

    // submit form data to api
    $.ajax({
        url: "http://localhost:8082/recipe_app/api/recipes/create_recipe.php",
        type : "POST",
        //contentType : 'application/json',
        contentType : 'json',
        data : form_data,
        success : function(result) {

            createRecipeIngredientsForm();

            // recipe was created, go back to recipes list
            //showRecipes();
        },
        error: function(xhr, resp, text) {
            // show error to console
            console.log(xhr, resp, text);
        }
    });

上面的AJAX方法实际上正确调用了.php文件并将数据插入到数据库中。但是返回了一个错误，因此“成功”部分永远不会运行。这太令人沮丧了，有人能解释一下吗？

SyntaxError：JSON 中第 5 位的意外标记 R 在解析（） 在 ajaxConvert (http://localhost:8082/recipe_app/app/assets/js/jquery-3.2.1.js:8754:19) 完成后 (http://localhost:8082/recipe_app/app/assets/js/jquery-3.2.1.js:9222:15) 在 XMLHttpRequest。 (http://localhost:8082/recipe_app/app/assets/js/jquery-3.2.1.js:9514:9)

Answer 1

替换你的ajax这一行

form_data=JSON.stringify($(this).serializeObject());

到

form_data=$(this).serializeObject();