Maison > base de données > tutoriel mysql > Comment transmettre correctement plusieurs paramètres de données dans un appel AJAX ?

Comment transmettre correctement plusieurs paramètres de données dans un appel AJAX ?

Linda Hamilton
Libérer: 2025-01-12 16:21:44
original
237 Les gens l'ont consulté

How to Correctly Pass Multiple Data Parameters in an AJAX Call?

Pass de données multiples AJAX

Lors du processus de soumission du formulaire, il est souvent nécessaire d'envoyer plusieurs champs de données via des appels AJAX. Cependant, la transmission directe de ces données peut poser problème.

L'extrait de code suivant montre une manière incorrecte d'essayer d'envoyer plusieurs paramètres :

<code class="language-javascript">$(document).ready(function() {
  $("#btnSubmit").click(function()  {
    var status = $("#activitymessage").val();
    var name = "Ronny";
    $.ajax({
      type: "POST",
      url: "ajax/activity_save.php",
      **data: "status="+status+"name="+name"**, // 错误的方法
      success: function(msg) {...</code>
Copier après la connexion

Dans ce code, le paramètre data est mal défini. La syntaxe correcte de transfert de données AJAX est la suivante :

<code class="language-javascript">data: {status: status, name: name},</code>
Copier après la connexion

Comme indiqué dans la documentation jQuery (https://www.php.cn/link/d27bf4d538d65711468835f9daef576e), le paramètre data doit être un objet contenant des paires clé-valeur indiquant quoi envoyer des données .

Si vous ne parvenez toujours pas à obtenir les résultats attendus, il est recommandé d'utiliser la fonction alert() pour afficher respectivement les valeurs des variables status et name afin de vous assurer qu'elles contiennent les données correctes comme prévu.

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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal