Benutzer-Werkzeuge

Webseiten-Werkzeuge


javascript:ajax

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
javascript:ajax [15/02/2021 16:52] Manueljavascript:ajax [15/02/2021 17:17] (aktuell) Manuel
Zeile 5: Zeile 5:
 ===== Fetch ===== ===== Fetch =====
  
-Einen asynchronen Request über Javascript machen.+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 === 
 + 
 +<file javascript> 
 +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"; 
 +</file> 
 + 
 +=== Request ===
  
 <file javascript> <file javascript>
javascript/ajax.1613404368.txt.gz · Zuletzt geändert: von Manuel