szit

Ez az oldal csak olvasható. Megtekintheted a forrását, de nem változtathatod meg. Ha úgy gondolod, hogy ez helytelen, kérdezd az Adminisztrátorokat!
[[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:
<code php kuld.php>
echo "szilva";
</code>


A jQuery-ben a kuld.php scripttől kérjük az adatot:
<code jquery script.js>
$.post("kuld.php", function(data){
    alert(data);
}, "text");
</code>



==== 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:
<code php kuld.php>
$a = array("alma", "körte", "barack", "szilva");
echo json_encode($a);
</code>

A jQuery-ben lekérjük az adatokat kuld.php scripttől:
<code jquery script.js>
$.post("kuld.php", function(data){
    alert(data);
}, "json");
</code>

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

<code php kuld.php>
$a = array(
    'nev' => "Nagy János",
    'kor' => "28",
    'fiz' => "1350000"
);
</code>


<code javascript script.js>
$.post("kuld.php", function(data){
    alert(data.nev);
}, "json");
</code>

==== Objektum átvitele ====

Egy objektum átküldése kuld.php-vel:
<code php kuld.php>
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);
</code>


<code jquery script.js>
$.post("kuld.php", function(data){
    alert(data.nev);
}, "json");
</code>

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

<code jquery script.js>
$.post("kuld.php", function(data){
    alert(data.nev);
}, "json")
.fail(function(){
    alert("Hiba a lekérés során");
});
</code>


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

<code jquery script.js>
        $.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");
        });
</code>

===== Adatok küldése PHP scriptnek =====

{{:oktatas:web:jquery:ajax:client_to_server.png|}}

==== Adatok egyenként ====

<code jquery script.js>
$.post("fogad.php", {
    nev: "Nagy János",
    kor: "28",
    fiz: "1350000"
});
</code>

<code php fogad.php>
<?php

$nev = $_POST['nev'];
$kor = $_POST['kor'];
$fiz = $_POST['fiz'];

$f = fopen("adat.txt", "a");
fputs($f, $nev.":");
fputs($f, $kor.":");
fputs($f, $fiz."\n");

fclose($f);
</code>

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

<code html index.html>
<!DOCTYPE html>
<html lang="hu">
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <h1>Küld</h1>
    
    <script src="lib/jquery-3.5.1.js"></script>
    <script src="script.js"></script>

</body>
</html>
</code>

<code javascript script.js>
var dolgozo = {
    nev: 'Nagy János',
    telepules: 'Szolnok',
    fizetes: 8500000
};

$.post("fogad.php", {
    data: dolgozo
});
</code>


<code php fogad.php>
<?php

$data = $_POST['data'];

error_log($data['nev']);
</code>

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

<code html index.html>
<!DOCTYPE html>
<html lang="hu">
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <h1>Küld</h1>
    
    <script src="lib/jquery-3.5.1.js"></script>
    <script src="script.js"></script>

</body>
</html>
</code>

<code javascript script.js>
var dolgozo = {
    nev: 'Nagy János',
    telepules: 'Szolnok',
    fizetes: 8500000
};

var jsonData = JSON.stringify(dolgozo);

$.post("fogad.php", {
    data: jsonData
});
</code>

<code php fogad.php>
<?php

$data = json_decode($_POST['data']);

error_log($data->nev);
error_log($data->telepules);
</code>

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

<code javascript>
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);
});
</code>

===== 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)
szit

Felhasználói eszközök

Eszközök a webhelyen

Eszközök az oldalon
