javascript:ajax
Javascript - Ajax-Request
Fetch
Einen asynchronen Request über Javascript machen mithilfe der Fetch.
Docs: https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch
Variablen / Parameter
let formData = new FormData(); formData.append('input1', 'text1'); formData.append('input2', 'text2'); let parameters = { method: 'POST', // *GET, POST, PUT, DELETE, etc. mode: 'same-origin', // no-cors, *cors, same-origin cache: 'default', // *default, no-cache, reload, force-cache, only-if-cached headers: {'Content-Type': 'multipart/form-data'}, // 'Content-Type': 'application/x-www-form-urlencoded', redirect: 'manual', // manual, *follow, error referrerPolicy: 'no-referrer-when-downgrade', // no-referrer, *no-referrer-when-downgrade, origin, ... body: formData // JSON.stringify(data) // (body data type must match "Content-Type" header) }; let url_ident = "https://example.org/path/to/script.php";
Request
async function postData(url, parameters) { const response = await fetch(url, parameters); if (!response.ok) { if (response.status == 0) { // on network error console.log("Network-Error: " + response.status + ", " + response.statusText); } } else { // on success return response.json(); } }; postData(url_ident, parameters) .then(res => { let data = res.data; console.log(data); } });
javascript/ajax.txt · Zuletzt geändert: 15/02/2021 17:17 von Manuel