$.ajax payload not parsed by server: missing 'contentType: "application/json"' and JSON.stringify(data) – jQuery AJAX_CONTENT_TYPE_MISMATCH

AJAX_CONTENT_TYPE_MISMATCH

Errore comune nelle chiamate POST con '$.ajax': passare un oggetto JavaScript a 'data: { foo: "bar" }' invia per default 'application/x-www-form-urlencoded'; per inviare un vero JSON al server occorre specificare 'contentType: "application/json"' e 'data: JSON.stringify(...)''.

Cosa significa questo errore?

Errore comune nelle chiamate POST con '$.ajax': passare un oggetto JavaScript a 'data: { foo: "bar" }' invia per default 'application/x-www-form-urlencoded'; per inviare un vero JSON al server occorre specificare 'contentType: "application/json"' e 'data: JSON.stringify(...)''.

Messaggio originale

$.ajax payload not parsed by server: missing 'contentType: "application/json"' and JSON.stringify(data)

Contesto e parole chiave

Alias

  • jQuery ajax payload not parsed JSON.stringify

Messaggi alternativi

  • payload non interpretato contentType application json mancante

Prodotti

  • jQuery Library (v1.x, v2.x, v3.x, v4.x)

Piattaforme

  • Linux
  • macOS
  • Qualsiasi Browser Web
  • Windows

Parole chiave

  • ajax
  • Ajax e Chiamate HTTP
  • errore-jquery-ajax-content-type-mismatch
  • javascript
  • jquery
  • jquery.ajax.content-type-mismatch-json-payload

Cause possibili

Causa tecnica per Errore jQuery $.ajax: Mancanza di contentType: 'application/json' nell'Invio

Errore comune nelle chiamate POST con '$.ajax': passare un oggetto JavaScript a 'data: { foo: "bar" }' invia per default 'application/x-www-form-urlencoded'; per inviare un vero JSON al server occorre specificare 'contentType: "application/json"' e 'data: JSON.stringify(...)''.

molto comune

Diagnosi

Diagnostica DOM o AJAX per Errore jQuery $.ajax: Mancanza di contentType: 'application/json' nell'Invio

Verificare lo stato della variabile window.jQuery nella Console DevTools (F12) e ispezionare il tab Network per le chiamate AJAX.

Come leggere il risultato. Restituisce la versione attiva di jQuery e il numero effettivo di nodi DOM corrispondenti al selettore.

terminal
console.log(jQuery.fn.jquery); console.log($('.my-element').length);

Risoluzione

Risoluzione standard per Errore jQuery $.ajax: Mancanza di contentType: 'application/json' nell'Invio

Difficoltà: facileRischio: basso

Applicare la correzione al codice o alla configurazione degli script jQuery nel frontend.

  1. Ispezionare la riga segnalata nella console del browser
  2. Correggere il selettore CSS, il passaggio dei parametri o la delegazione con .on()
  3. Ricaricare la pagina con cache svuotata (Ctrl+F5) per verificare la risoluzione

Domande frequenti

Come risolvere l'errore Errore jQuery $.ajax: Mancanza di contentType: 'application/json' nell'Invio in jQuery?

Errore comune nelle chiamate POST con '$.ajax': passare un oggetto JavaScript a 'data: { foo: "bar" }' invia per default 'application/x-www-form-urlencoded'; per inviare un vero JSON al server occorre specificare 'contentType: "application/json"' e 'data: JSON.stringify(...)''.

Approfondimenti

Schede correlate