Felhasználói eszközök

Eszközök a webhelyen


oktatas:web:javascript:ajax:post_keres

Különbségek

A kiválasztott változat és az aktuális verzió közötti különbségek a következők.

Összehasonlító nézet linkje

Előző változat mindkét oldalonElőző változat
Következő változat
Előző változat
oktatas:web:javascript:ajax:post_keres [2021/01/23 21:57] – [Adatok szervernek POST metódussal] adminoktatas:web:javascript:ajax:post_keres [2024/03/22 09:09] (aktuális) – [AJAX POST kérés] admin
Sor 4: Sor 4:
  
   * **Szerző:** Sallai András   * **Szerző:** Sallai András
-  * Copyright (c) Sallai András2015, 2021 +  * Copyright (c) 2015, Sallai András 
-  * Licenc: GNU Free Documentation License 1.3+  * Szerkesztve: 2015, 2021, 2024 
 +  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC BY-SA 4.0]]
   * Web: https://szit.hu   * Web: https://szit.hu
  
Sor 71: Sor 72:
 httpRequest.send("vnev=Nagy&knev=Joska"); httpRequest.send("vnev=Nagy&knev=Joska");
 </code> </code>
 +
 +===== Dolgozó hozzáadása =====
 +
 +<code javascript>
 +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);
 +}
 +
 +
 +</code>
 +
 +
oktatas/web/javascript/ajax/post_keres.1611435467.txt.gz · Utolsó módosítás: 2021/01/23 21:57 szerkesztette: admin