Comment envoyer correctement des données JSON avec jQuery AJAX ?

Envoi de données JSON avec jQuery

Il est courant de rencontrer ce problème où les données sont transmises dans une chaîne de requête comme "&City=Moscow&Age=25 " au lieu d'un format JSON lors de l'utilisation de la fonction AJAX de jQuery. Cela se produit car les paramètres nécessaires à une requête JSON n'ont pas été spécifiés.

Pour résoudre ce problème, il est crucial de suivre les étapes suivantes :

1. Convertir les données en JSON : Utilisez la méthode JSON.stringify pour convertir l'objet JavaScript en chaîne JSON. Les navigateurs plus anciens peuvent nécessiter l'inclusion de json2.js.
2. Définissez le type de contenu : Incluez la propriété contentType pour spécifier le type de demande envoyée. Dans ce cas, utilisez 'application/json; charset=utf-8'.
3. Spécifiez le type de réponse : Indiquez le format de réponse attendu du serveur à l'aide de la propriété dataType. Généralement, il est préférable de définir ceci sur 'json'.

Le code corrigé ci-dessous montre ces modifications :

var arr = { City: 'Moscow', Age: 25 };
$.ajax({
    url: 'Ajax.ashx',
    type: 'POST',
    data: JSON.stringify(arr),
    contentType: 'application/json; charset=utf-8',
    dataType: 'json',
    async: false,
    success: function(msg) {
        alert(msg);
    }
});

En suivant ces étapes, les données JSON peuvent être envoyées avec jQuery AJAX correctement, en garantissant que les données sont transférées dans le format attendu.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!