* počítačové znalosti >> Programovanie >> PHP /MySQL Programovanie >> .

Ako na AJAX s PHP a HTML

Funkcia AJAX , aby webové stránky aktualizovať obsah HTML , bez toho, aby užívateľ musel aktualizovať stránku alebo prejdite na inú stránku . Značky HTML pre stránku môžete volať funkciu jazyka JavaScript , ktoré zase môžu volať PHP skriptu . PHP skript môže načítať ďalšie dáta , niekedy z databázy a vo formáte XML značkovanie , vracať to na funkciu JavaScript . Kód JavaScript môže potom napísať nových dát do HTML , takže nové informácie sa zobrazí ako interakciu užívateľa s webovou stránkou . Pokyny dovolená 1

Vytvoriť nový HTML dokument . " . Html " Zadajte nasledujúci kód do prázdneho súboru v textovom editore a dať súbor príponu , keď ho uložíte :

< typ script = " text /javascript " > funkcie ProcessData ( ) { //načítanie nových dát } < /script > < /head >

Určitý obsah < /div > < input type = " tlačidlo " value = " stlačte ma " onclick = " ProcessData ( ) " /> < /body > < /html >

Keď používateľ klikne na tlačidlo zobrazené na tejto stránky , prehliadač sa bude volať funkciu jazyka JavaScript v hlavovej časti stránky .
2

Vytvoriť XMLHttpRequest objekt . Pridajte nasledujúci kód vnútri funkcie jazyka JavaScript :

var XMLHTTP ; if ( window.XMLHttpRequest ) { XMLHTTP = new XMLHttpRequest ( ) ; } else { XMLHTTP = new ActiveXObject ( " Microsoft.XMLHTTP " ) ; }

To umožňuje webovej stránky zvládnuť rôzne prehliadače .
3

Poslať žiadosť o dáta do PHP skriptu . Pridajte nasledujúci kód vnútri funkcie JavaScriptu , takže priestor pre kód pred ním :

Xmlhttp.open ( " GET " , " get_data.php " , true ) ; xmlHTTP.send ( ) ;

Tento pokyn prehliadač vyžiadať ďalšie informácie od PHP skriptu určenom .
4

Vytvorte si PHP skript . Otvorte nový súbor v textovom editore a uložte ho ako " get_data.php " tak , aby zodpovedala parameter do metódy send , ktorú ste použili v kóde JavaScript . Zadajte nasledujúcom ukážkovom kóde :

< ? Phpecho " New údajov " ; >

Toto je jednoduchý príklad pre demonštráciu , ale môžete pridať ľubovoľný spracovanie PHP , ktoré potrebujete , vrátane databázových dotazov . Môžete tiež vytvoriť text odpovede do XML značkovanie , ak to vyhovuje vaše stránky .
5

zaobchádzajte odpoveď z vášho PHP skriptu . Vo svojej funkcii JavaScript , pred riadok , v ktorom si otvoríte XMLHttpRequest objekt , pridajte nasledujúci kód :

xmlHTTP.onreadystatechange = function ( ) { if ( xmlHTTP.readyState == 4 && xmlHTTP.status == 200 ) { //spracovať dáta odozvy } }

JavaScript dostane odpoveď z PHP skriptu , bude tento kód spustiť . Kód skontroluje , či odpoveď je platný . Vnútri tohto podmieneného príkazu , môžete pridať kód zapísať nové dáta do HTML stránky .
6

aktualizovať obsah stránky . V odpovedi JavaScript podmieneného príkazu , pridajte nasledujúci kód :

document.getElementById ( " aktualizácia " ) innerHTML = xmlHTTP.responseText ;

Tento kód identifikujúci prvok div na stránke a potom píše text odozva z PHP kódu do neho .
7

Uložte súbory a nahrať ich na server . Prejdite na stránku a kliknite na tlačidlo overiť , že funkcia pracuje . Mali by ste vidieť obsah zmeny div prvku .

Ako na AJAX s PHP a HTML

Odporúčané články

Najnovšie články

PHP /MySQL Programovanie

Programovanie