Explication détaillée de la méthode $.ajax dans jquery pour soumettre le form_jquery

Copier le code Le code est le suivant :

function postdata(){                                                                                                                                     $.ajax({                                                                                                               Tapez : "Post", // Définissez le formulaire de la méthode ajax pour soumettre les données
         url : "ok.php",                                                                                                                                                                                                                            ; data : "writer=" $("#writer").val(), //La valeur dans la zone de saisie Writer est utilisée comme données soumises
Succès : function(msg){ //Rappel après une soumission réussie, la variable msg est le contenu généré par ok.php.
alert("Données soumises avec succès"); //Si nécessaire, la valeur de la variable msg peut être affichée dans un élément DIV
                                                                            });
}



Description du manuel jquery :
data Les données envoyées au serveur. Sera automatiquement converti au format de chaîne de demande. Ajouté à l'URL dans les requêtes GET. Voir la description de l'option processData pour désactiver cette conversion automatique. Doit être au format Clé/Valeur. S'il s'agit d'un tableau, jQuery attribuera automatiquement le même nom à différentes valeurs. Par exemple, {foo:["bar1", "bar2"]} est converti en '&foo=bar1&foo=bar2'.

Exemple :

Copier le code

Le code est le suivant : $.ajax({ Tapez : "POST",

URL : "some.php",

Données : "nom=John&location=Boston",
Succès : function(msg){
alert( "Données enregistrées : " msg );
}  
});



Les paramètres qui suivent les données ici peuvent être écrits sous deux formes : l'une est écrite de la même manière que les paramètres d'URL ordinaires, et l'autre est écrite dans un tableau json,
La partie données de l'exemple ci-dessus peut également être écrite comme ceci : data : {name : "John", location : "Boston"}. Quelle est la différence entre ces deux usages ?

Aujourd'hui, j'ai découvert les subtiles différences d'utilisation entre les deux au cours du développement. La première méthode consiste à utiliser l'URL pour transmettre les paramètres. Si le symbole « & » est ajouté aux paramètres, les paramètres peuvent ne pas être reçus ou être incomplets, tels que « data : »name=John&location=Boston",",

Si la valeur de name est "john&smith", il peut y avoir des problèmes si vous l'écrivez comme ceci. Nous pouvons utiliser la méthode encodeURIComponent() dans JS pour échapper,

.

Mais si vous l'écrivez de cette manière : {name:"John",location:"Boston"}, vous n'avez pas besoin d'y échapper. Si vous y échappez, vous recevrez la chaîne d'échappement

.