Wie kann ich die POST-Übermittlung eines HTML-Formulars mit JavaScript simulieren?

Simulieren der HTML-Formularübermittlung über eine JavaScript-POST-Anfrage

Als Antwort auf die Frage, wie eine POST-Anfrage mithilfe einer Formularübermittlung in JavaScript emuliert werden kann, der optimale Cross-Browser Der Ansatz besteht darin, Formularelemente dynamisch zu erstellen und zu übermitteln.

Um dies zu erreichen, befolgen Sie diese Schritte:

1. Formularelement erstellen:

   const form = document.createElement('form');
   form.method = 'post';
   form.action = path;

2. Eingabefelder hinzufügen:

   for (const key in params) {
     if (params.hasOwnProperty(key)) {
       const hiddenField = document.createElement('input');
       hiddenField.type = 'hidden';
       hiddenField.name = key;
       hiddenField.value = params[key];
   
       form.appendChild(hiddenField);
     }
   }

3. Formular anhängen und Senden:

   document.body.appendChild(form);
   form.submit();

Diese Technik erstellt dynamisch ein Formular, füllt es mit versteckten Eingabefeldern für die Anforderungsparameter und leitet dann den Übermittlungsprozess ein. Bei der Übermittlung ändert der Browser den Speicherort und simuliert so das Verhalten einer herkömmlichen Formularübermittlung.

Beispiel:

post('/contact/', {name: 'Johnny Bravo'});

Das obige ist der detaillierte Inhalt vonWie kann ich die POST-Übermittlung eines HTML-Formulars mit JavaScript simulieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!