oktatas:web:javascript:ajax:post_keres
AJAX POST kérés
- Szerző: Sallai András
- Copyright © 2015, Sallai András
- Szerkesztve: 2015, 2021, 2024
- Licenc: CC BY-SA 4.0
- 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");
Dolgozó hozzáadása
const addButton = document.querySelector('#addButton'); addButton.addEventListener('click', () => { var emp = { name: 'Csend Iván', city: 'Hatvan', salary: 392 } addProduct(emp); }); function addProduct(emp) { let url = 'http://localhost:8000/employees'; let http = new XMLHttpRequest(); http.open('post', url, true); http.setRequestHeader('Content-type', 'application/json'); http.onload = function() { if(http.readyState === http.DONE) { if(http.status === 200) { console.log(http.responseText) } } } let empStr = JSON.stringify(emp) http.send(empStr); }
oktatas/web/javascript/ajax/post_keres.txt · Utolsó módosítás: 2024/03/22 09:09 szerkesztette: admin