Solution d'erreur setRequestHeader de soumission de formulaire de publication Ajax

La soumission du formulaire de publication Ajax définit le xhr.setRequestHeader de l'objet asynchrone. Dans le compilateur Google Chrome, il est indiqué que la valeur transmise dans la charge utile de la demande est erronée

Lorsque nous créons un objet asynchrone XMLHttpRequest et. publier en même temps la méthode lors de la transmission des données en arrière-plan.

Nous devons définir la valeur du membre xhr.setRequestHeader de l'objet asynchrone sur

XMLHttpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded" ); sinon, l'arrière-plan ne peut pas recevoir la valeur transmise. Parce qu'il est montré dans le compilateur de Google Chrome que la valeur transmise dans Request Payload est fausse (comme le montre l'image) -- faites attention aux attributs

pour de la bonne manière C'est dans les données du formulaire (comme indiqué dans l'image)

Cet attribut enctype défini dans le formulaire (spécifie comment les données du formulaire doivent être encodées avant d'être envoyées à le serveur. Il existe trois formulaires, veuillez vous référer au document w3c) sont également reflétés,

Par exemple :

Il existe une méthode serialize() dans jquery. . Les paramètres peuvent être regroupés. La façon de le changer en id="value"&name="value"

Ce qui précède est ce que j'ai compilé pour tout le monde. J'espère que cela sera utile à tout le monde à l'avenir.

Articles connexes :

Utiliser ajax et history.pushState pour modifier l'URL de la page sans actualiser l'exemple_AJAX lié

À propos d'Ajax Résumé en 3 points des principes techniques_liés à AJAX

Guide d'utilisation de la classe d'encapsulation AJAX

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!