AJAX POST kérés

Szerző: Sallai András
Copyright © Sallai András, 2015, 2021
Licenc: GNU Free Documentation License 1.3
Web: https://szit.hu

Adatok szervernek POST metódussal

function uploadData(data) {
    var xhr = new XMLHttpRequest();
    xhr.responseType = 'text';
    xhr.open("POST", "php/index.php", true);
    xhr.send(JSON.stringify(data));
}
 
let data = {
	nev: 'Nagy János',
	telepules: 'Szolnok',
	fizetes: 8480000
};
uploadData(data);

Ha szeretnénk választ is:

function uploadData(data) {
    var xhr = new XMLHttpRequest();
    xhr.responseType = 'text';
    xhr.open("POST", "php/index.php", true);
    xhr.send(JSON.stringify(data));
    xhr.onload = function() {
        if(xhr.readyState === xhr.DONE) {
            if(xhr.status === 200) {
                console.log(xhr.responseText);
            }
        }
    }
}
 
let data = {
	nev: 'Nagy János',
	telepules: 'Szolnok',
	fizetes: 8480000
};
uploadData(data);

Az adatok fogadása PHP-val:

<?php
 
$data = json_decode(file_get_contents("php://input"));
 
echo $data->nev;
error_log(json_encode($data));
error_log($data->nev);

URL kódolással

httpRequest.open("POST","feldolgoz.php",true);
httpRequest.setRequestHeader("Content-type","application/x-www-form-urlencoded");
httpRequest.send("vnev=Nagy&knev=Joska");