Ajax (informatika): Rozdiel medzi revíziami
Smazaný obsah Přidaný obsah
d odstránenie starej šablóny {{Link FA}} a {{Link GA}} |
Použitie metódy AJAX v praxi. Značky: vizuálny editor Možný vandalizmus |
||
Riadok 9:
* [[Súborový formát|formát]] pre dáta poslané prehliadaču. Bežné formáty zahŕňajú [[XML]], predformátované HTML, plain text a [[JavaScript Object Notation]] (JSON). Tieto dáta môžu byť dynamicky vytvorené skriptom na strane [[server]]u.
== Použitie technológie AJAX ==
[[Kategória:World Wide Web]]▼
Príklad použitia asynchrónnej žiadosti na server metódou POST.
AjaxJS.js<syntaxhighlight lang="javascript">
// Vytvoríme XMLHttpRequest objekt na vykonanie AJAX žiadosti.
if(window.XMLHttpRequest)
{
var xmlhttp = new XMLHttpRequest();
}
else
{
var xmlhttp = new ActiveXObject("MICROSOFT.XMLHTTP");
}
// Pomocou funkcie onreadystatechange() a analýzou stavových kódov (4- žiadosť je vykonaná a odpoveď je pripravená, 200- všetko prebehlo v poriadku) spracujeme asynchrónny dopyt.
xmlhttp.onreadystatechange = function()
{
if((xmlhttp.readyState == 4 && xmlhttp.status == 200))
{
var result = xmlhttp.responseText; // Premenná result nadobúda hodnotu dát odoslaných serverom vo forme reťazca.
console.log(result);
}
}
xmlhttp.open('POST','AjaxPHP.php',true); // Definujeme cieľový .php súbor a metódu (GET/POST).
xmlhttp.setRequestHeader('Content-type','application/x-www-form-urlencoded'); // Do AJAX žiadosti pridáme header (Iba v prípade metódy POST).
xmlhttp.send("fname=John&lname=Doe"); // Odošleme dáta.
</syntaxhighlight>AjaxPHP.php<syntaxhighlight lang="php">
// Server spracuje prijaté dáta a odošle ich naspäť do dokumentu.
$fname = $_POST['fname'];
$lname = $_POST['lname'];
echo 'Hello'.$fname.' '.$lname;
▲</syntaxhighlight>[[Kategória:World Wide Web]]
[[Kategória:Programovanie]]
| |||