Magia indubitabilă a JavaScript-ului

Ce e nevoie pentru a a evita form submit.

Obiectul XMLHttpRequest

Documentație
function opereaza(valoare) {
	var cerere = new XMLHttpRequest();
	cerere.onreadystatechange = function() {
	    if (this.readyState == 4 && this.status == 200) {
	       // Când totul e ok se poate opera cu cerere.responseText
	    }
	};
	cerere.open("GET", "back-end.php?parametru="+valoare, true);
	cerere.send();
}

Obiectul FormData

Documentație
function opereaza(valoare1,valoare2,valoare3,fileInputElement) {
	var formData = new FormData();
		//numerele sunt convertite automat la șiruri.
	formData.append("parametru1", $valoare1);
	formData.append("parametru2", $valoare2); 
	formData.append("parametru3", $valoare3);
		
		// Se pot adăuga și fișiere 
	formData.append("fisier1", fileInputElement.files[0]);
	
	var cerere = new XMLHttpRequest();
	cerere.onreadystatechange = function() {
	    if (this.readyState == 4 && this.status == 200) {
	       // Când totul e ok se poate opera cu cerere.responseText
	    }
	};
	cerere.open("POST", "back-end.php");
	cerere.send(formData);
}

Web Worker

Documentație

În pagina principală

if (window.Worker) {
	const myWorker = new Worker("javascript.js");
	myWorker.onmessage = function(e) {
		//faci ce vrei cu e.data
	}
} else {
	console.log('Browserul tău nu știe web workers.')
}

in javascript.js

onmessage = function(e) {
	//obții un rezultat ...
	//dacă vrei să stie pagina principală....
    postMessage(rezultat);
}
Politica de confidențialitate Politica privind cookie-urile Termeni și condiții de utilizare
2014-2020 Marce.ro Toate drepturile rezervate.