[[oktatas:web:jquery:ajax|< AJAX]] ====== jQuery adatbázis .post metódus ====== * **Szerző:** Sallai András * Copyright (c) Sallai András, 2018, 2019, 2021 * [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]] * Web: https://szit.hu ===== Adatok kérése php scripttől ===== {{:oktatas:web:jquery:ajax:server_to_client.png|}} ==== Egyetlen adat átvitele ==== A kuld.php egyetlen szót küld:


echo "szilva";

A jQuery-ben a kuld.php scripttől kérjük az adatot:


$.post("kuld.php", function(data){
    alert(data);
}, "text");

==== Tömb átvitele ==== Ha több adatról van szó, érdemes átalakítani json formátumba. A következő példában json formában küldjük és vesszük át az adatokat. A kuld.php egy tömböt küld:


$a = array("alma", "körte", "barack", "szilva");
echo json_encode($a);

A jQuery-ben lekérjük az adatokat kuld.php scripttől:


$.post("kuld.php", function(data){
    alert(data);
}, "json");

==== Különböző adatok átvitele ====


$a = array(
    'nev' => "Nagy János",
    'kor' => "28",
    'fiz' => "1350000"
);


$.post("kuld.php", function(data){
    alert(data.nev);
}, "json");

==== Objektum átvitele ==== Egy objektum átküldése kuld.php-vel:


class Dolgozo {
    public $nev = "";
    public $kor = "";
    public $fiz = "";
}

$dolgozo = new Dolgozo();

$dolgozo->nev = "Nagy János";
$dolgozo->kor = 28;
$dolgozo->fiz = 1350000;

echo json_encode($dolgozo);


$.post("kuld.php", function(data){
    alert(data.nev);
}, "json");

==== Hibakövetés ====


$.post("kuld.php", function(data){
    alert(data.nev);
}, "json")
.fail(function(){
    alert("Hiba a lekérés során");
});

==== Még több lehetőség ====


        $.get("kuld.php", function(data){
                alert(data.nev);
        }, "json")
        .done(function() {
                alert("Siker");
        })
        .fail(function() {
                alert("Hiba a lekérés során");
        })
        .always(function() {
                alert("Ezt mindenképpen végrehajtjuk");
        });

===== Adatok küldése PHP scriptnek ===== {{:oktatas:web:jquery:ajax:client_to_server.png|}} ==== Adatok egyenként ====


$.post("fogad.php", {
    nev: "Nagy János",
    kor: "28",
    fiz: "1350000"
});




==== Objektum küldése ====





    
    


    Küld
    
    
    






var dolgozo = {
    nev: 'Nagy János',
    telepules: 'Szolnok',
    fizetes: 8500000
};

$.post("fogad.php", {
    data: dolgozo
});






===== JSON kódolva =====





    
    


    Küld
    
    
    






var dolgozo = {
    nev: 'Nagy János',
    telepules: 'Szolnok',
    fizetes: 8500000
};

var jsonData = JSON.stringify(dolgozo);

$.post("fogad.php", {
    data: jsonData
});



nev);
error_log($data->telepules);


===== Mit ír ki a PHP =====


var dolgozo = {
    nev: 'Nagy János',
    telepules: 'Szolnok',
    fizetes: 8500000
};

var jsonData = JSON.stringify(dolgozo);

$.post("fogad.php", {
    data: jsonData
})
.done(function(res){
    //Mit ír ki a fogad.php:
    console.log(res);
});


===== Források =====
  * https://www.codexworld.com/post-get-json-data-from-php-script-jquery-ajax/ (2018)
  * https://learn.jquery.com/using-jquery-core/faq/how-do-i-get-the-text-value-of-a-selected-option/ (2018)
  * https://api.jquery.com/jQuery.post/ (2019)
  * https://api.jquery.com/jQuery.get/ (2019)