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()
}

PHP

$url="http://adresa:port/cale";
$ch=curl_init();
$timeout=5;

curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, $timeout);
curl_setopt($ch, CURLOPT_FRESH_CONNECT, TRUE);
$result=curl_exec($ch);
curl_close($ch);
echo $result;

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)
}

PHP

$url="http://adresa:port/cale";
$ch=curl_init();
$timeout=5;

curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, $timeout);
curl_setopt($ch, CURLOPT_FRESH_CONNECT, TRUE);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_POSTFIELDS, array('parametru1'=>'valoare1',..));

$result=curl_exec($ch);
curl_close($ch);
echo $result;

Mai precis când mai sunt şi erori

cerere.onreadystatechange = function() {
  if (cerere.readyState === XMLHttpRequest.DONE) {
    const status = cerere.status;
    if (status === 0 || (status >= 200 && status < 400)) {
      //Când totul e ok se poate opera cu cerere.responseText
    } else {
      //erori
    }
  }
}

Dacă trimiți un json

curl_setopt($ch, CURLOPT_POSTFIELDS, json_encode($data));
curl_setopt($ch, CURLOPT_HTTPHEADER, array('Content-Type:application/json'));
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);

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)
}