Felhasználói eszközök

Eszközök a webhelyen


oktatas:web:jquery:ajax:post_metodus

< AJAX

jQuery adatbázis .post metódus

Adatok kérése php scripttől

Egyetlen adat átvitele

A kuld.php egyetlen szót küld:

kuld.php
echo "szilva";

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

script.js
$.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:

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

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

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

Különböző adatok átvitele

kuld.php
$a = array(
    'nev' => "Nagy János",
    'kor' => "28",
    'fiz' => "1350000"
);
script.js
$.post("kuld.php", function(data){
    alert(data.nev);
}, "json");

Objektum átvitele

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

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);
script.js
$.post("kuld.php", function(data){
    alert(data.nev);
}, "json");

Hibakövetés

script.js
$.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

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");
        });

Adatok küldése PHP scriptnek

Adatok egyenként

script.js
$.post("fogad.php", {
    nev: "Nagy János",
    kor: "28",
    fiz: "1350000"
});
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);

Objektum küldése

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>
script.js
var dolgozo = {
    nev: 'Nagy János',
    telepules: 'Szolnok',
    fizetes: 8500000
};
 
$.post("fogad.php", {
    data: dolgozo
});
fogad.php
<?php
 
$data = $_POST['data'];
 
error_log($data['nev']);

JSON kódolva

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>
script.js
var dolgozo = {
    nev: 'Nagy János',
    telepules: 'Szolnok',
    fizetes: 8500000
};
 
var jsonData = JSON.stringify(dolgozo);
 
$.post("fogad.php", {
    data: jsonData
});
fogad.php
<?php
 
$data = json_decode($_POST['data']);
 
error_log($data->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

oktatas/web/jquery/ajax/post_metodus.txt · Utolsó módosítás: 2021/03/01 10:59 szerkesztette: admin