POST-Anfrage in JavaScript-ähnlicher Formularübermittlung
Um einen Browser auf eine andere Seite umzuleiten, kann eine GET-Anfrage verwendet werden, wie in Das folgende Beispiel:
document.location.href = 'http://example.com/q=a';
Für Ressourcen, die eine POST-Anfrage erfordern, ist jedoch ein anderer Ansatz erforderlich. HTML kann für statische Übermittlungen verwendet werden, wie gezeigt:
<form action="http://example.com/" method="POST"> <input type="hidden" name="q" value="a"> </form>
Andererseits wird eine JavaScript-Lösung für dynamische Übermittlungen bevorzugt:
post_to_url('http://example.com/', {'q':'a'});
Browserübergreifende Kompatibilität erfordert eine umfassende Durchführung. Der folgende Code bietet eine einfache Lösung:
/** * sends a request to the specified url from a form. this will change the window location. * @param {string} path the path to send the post request to * @param {object} params the parameters to add to the url * @param {string} [method=post] the method to use on the form */ function post(path, params, method='post') { // The rest of this code assumes you are not using a library. // It can be made less verbose if you use one. const form = document.createElement('form'); form.method = method; form.action = path; 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); } } document.body.appendChild(form); form.submit(); }
Beispielverwendung:
post('/contact/', {name: 'Johnny Bravo'});
Diese Methode stellt sicher, dass sich der Browserspeicherort ändert und simuliert die Formularübermittlung. Beachten Sie, dass die hasOwnProperty-Prüfung hinzugefügt wurde, um unbeabsichtigte Fehler zu verhindern.
Das obige ist der detaillierte Inhalt vonWie kann ich eine POST-Anfrage in JavaScript wie eine Formularübermittlung simulieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!