Benutzer-Werkzeuge

Webseiten-Werkzeuge


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