Ajax-Post-Formular-Übermittlung setRequestHeader-Fehlerlösung

Ajax-Post-Formularübermittlung legt den xhr.setRequestHeader des asynchronen Objekts fest. Im Google Chrome-Compiler wird angezeigt, dass der in der Anforderungsnutzlast übergebene Wert falsch ist.

Wenn wir ein asynchrones Objekt XMLHttpRequest erstellen Posten Sie gleichzeitig die Methode, wenn Sie Daten in den Hintergrund übertragen.

Wir müssen den Wert des xhr.setRequestHeader-Mitglieds des asynchronen Objekts auf

XMLHttpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded" setzen. ); andernfalls kann der Hintergrund den übergebenen Wert nicht empfangen. Da im Compiler von Google Chrome angezeigt wird, dass der im Request Payload übergebene Wert falsch ist (wie im Bild gezeigt) – achten Sie auf die Attribute

für die richtige Art und Weise Es ist in Formulardaten (wie im Bild gezeigt)

Dieses Enctype-Attribut wird im Formular festgelegt (gibt an, wie die Formulardaten vor dem Senden codiert werden sollen). Es gibt drei Formulare (siehe w3c-Dokument), die ebenfalls berücksichtigt werden:

Zum Beispiel:

Es gibt eine Methode serialize() in jquery. . Parameter können gruppiert werden. So ändern Sie es in id="value"&name="value"

Das Obige habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Verwenden von Ajax und History.pushState zum Ändern der Seiten-URL ohne Aktualisierung example_AJAX bezogen

Über Ajax 3-Punkte-Zusammenfassung der technischen Prinzipien_AJAX-bezogen

AJAX-Kapselungsklassen-Nutzungsleitfaden

Das obige ist der detaillierte Inhalt vonAjax-Post-Formular-Übermittlung setRequestHeader-Fehlerlösung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!