Maison > interface Web > js tutoriel > Comment envoyer des données JSON directement avec $.ajax de jQuery ?

Comment envoyer des données JSON directement avec $.ajax de jQuery ?

DDD
Libérer: 2024-11-01 06:01:02
original
810 Les gens l'ont consulté

How to Send JSON Data Directly with jQuery's $.ajax?

Comment transmettre JSON directement via $.ajax plutôt qu'une chaîne de requête

Lorsque vous travaillez avec la méthode $.ajax de jQuery, vous pouvez rencontrer un problème où il convertit automatiquement les données JSON en une chaîne de requête. Pour empêcher cette conversion et transmettre le JSON réel, suivez ces étapes simples :

  1. Sérialisez votre objet en JSON : Utilisez la méthode JSON.stringify pour convertir votre objet en chaîne JSON. Cela garantit que vos données restent au format JSON.
  2. Définir le type de contenu : Spécifiez l'en-tête Content-Type comme "application/json" dans votre requête $.ajax. Cela informe le serveur que les données envoyées sont au format JSON.

Voici un extrait de code mis à jour qui implémente les deux étapes :

<code class="javascript">$.ajax({
    url: url,
    type: "POST",
    data: JSON.stringify(data),
    contentType: "application/json",
    complete: callback
});</code>
Copier après la connexion

Remarques supplémentaires :

  • JSON.stringify est disponible nativement dans les navigateurs prenant en charge JavaScript 1.7 / ECMAScript 5 ou version ultérieure.
  • Si vous avez besoin de la prise en charge des navigateurs existants, vous pouvez utiliser la bibliothèque json2.
  • En suivant ces étapes, vous pouvez vous assurer que vos données JSON sont envoyées directement au serveur sans aucune conversion involontaire.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal