AJAX Post Error - SyntaxError: Jeton inattendu R dans JSON à la position 5

Question

J'essaye d'envoyer le fichier JSON suivant à une méthode AJAX POST.

Voir la méthode AJAX ci-dessous: -

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

La méthode ci-dessus AJAX appelle en fait correctement le fichier .php et les données sont insérées dans la base de données. Mais il y a une erreur retournée et donc la section 'succès' ne s'exécute jamais. C'est tellement frustrant, quelqu'un peut-il faire la lumière?

SyntaxError: jeton inattendu R dans JSON en position 5 à parse() à ajaxConvert (http://localhost:8082/recipe_app/app/assets/js/jquery-3.2.1.js:8754:19) à fini (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

remplacer cette ligne de votre ajax

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

à

form_data=$(this).serializeObject();