"Si un ouvrier veut bien faire son travail, il doit d'abord affûter ses outils." - Confucius, "Les Entretiens de Confucius. Lu Linggong"
Page de garde > La programmation > Comment envoyer des données JSON avec jQuery: pourquoi est-ce que je reçois une chaîne de requête à la place?

Comment envoyer des données JSON avec jQuery: pourquoi est-ce que je reçois une chaîne de requête à la place?

Publié le 2025-03-24
Parcourir:411

How to Send JSON Data with jQuery: Why Am I Receiving a Query String Instead?

Comprendre la transmission de données JSON avec jQuery

L'envoi de données au format JSON est crucial pour une communication efficace entre les pages Web et les serveurs. Cependant, si vous rencontrez des données envoyées de manière non formatée, comme "City = Moscou & Age = 25", "Cela peut être dû au manque de configuration de demande appropriée.

Le code fourni tente d'envoyer des données JSON en utilisant la méthode $ .ajax () de JQuery. Par défaut, JQuery convertit les données en une chaîne de requête, résultant en format "City = Moscou & Age = 25". Pour résoudre ceci, suivez ces étapes:

  1. Utilisez json.stringify (): convertir l'objet JavaScript (arr) en une chaîne JSON à l'aide de JSON.Strifify (). Propriété ContentType. Cela informe le serveur que les données sont envoyées en tant que JSON.
  2. Assurez-vous la réponse JSON: Définissez la propriété DataType: 'JSON' pour indiquer que la réponse attendue du serveur devrait être au format JSON. «Moscou», âge: 25}; $ .ajax ({ URL: 'ajax.ashx', Type: «Post», Données: JSON.Stringify (arr), ContentType: 'Application / JSON; charse = utf-8 ', Type de données: «JSON», Async: faux, Succès: fonction (msg) { alerte (msg); } });
  3. Notes supplémentaires:

arr n'est pas un tableau mais un objet JavaScript. Les tableaux sont enfermés dans [].

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);
    }
});
Dernier tutoriel Plus>

Clause de non-responsabilité: Toutes les ressources fournies proviennent en partie d'Internet. En cas de violation de vos droits d'auteur ou d'autres droits et intérêts, veuillez expliquer les raisons détaillées et fournir une preuve du droit d'auteur ou des droits et intérêts, puis l'envoyer à l'adresse e-mail : [email protected]. Nous nous en occuperons pour vous dans les plus brefs délais.

Copyright© 2022 湘ICP备2022001581号-3