PHP Ajax apmācība ar piemēru

Satura rādītājs:

Anonim

Kas ir Ajax?

AJAX pilnā forma ir asinhronais JavaScript un XML. Tā ir tehnoloģija, kas samazina servera un klienta mijiedarbību. Tas tiek darīts, atjauninot tikai daļu no tīmekļa lapas, nevis visu lapu. Asinhronās mijiedarbības sāk JavaScript. AJAX mērķis ir apmainīties ar nelielu datu apjomu ar serveri bez lapas atsvaidzināšanas.

JavaScript ir klienta puses skriptu valoda. Klienta pusē to izpilda tīmekļa pārlūkprogrammas, kas atbalsta JavaScript. JavaScript kods darbojas tikai pārlūkprogrammās, kurās ir iespējots JavaScript.

XML ir paplašināmās iezīmēšanas valodas saīsinājums. To izmanto ziņojumu kodēšanai gan cilvēkiem, gan mašīnlasāmos formātos. Tas ir kā HTML, bet ļauj jums izveidot pielāgotus tagus. Plašāku informāciju par XML skatiet rakstā par XML

Kāpēc izmantot AJAX?

  • Tas ļauj attīstīt bagātīgas interaktīvas tīmekļa lietojumprogrammas tāpat kā darbvirsmas lietojumprogrammas.
  • Apstiprināšanu var veikt, kad lietotājs aizpilda veidlapu, to neiesniedzot. To var panākt, izmantojot automātisko pabeigšanu. Vārdi, kurus lietotājs ievada, tiek iesniegti serverim apstrādei. Serveris atbild ar atslēgvārdiem, kas atbilst lietotāja ievadītajam.
  • To var izmantot, lai aizpildītu nolaižamo lodziņu atkarībā no citas nolaižamās lodziņa vērtības
  • Datus var iegūt no servera un atjaunināt tikai noteiktu lapas daļu, neielādējot visu lapu. Tas ir ļoti noderīgi tīmekļa lapu daļām, kurās tiek ielādētas tādas lietas kā
    • Tvīti
    • Commens
    • Lietotāji, kas apmeklē vietni utt.

Kā izveidot PHP Ajax lietojumprogrammu

Mēs izveidosim vienkāršu lietojumprogrammu, kas lietotājiem ļauj meklēt populārus PHP MVC ietvarus.

Mūsu lietojumprogrammai būs tekstlodziņš, kuru lietotāji ievadīs ietvara nosaukumus.

Pēc tam mēs izmantosim mvc AJAX, lai meklētu atbilstību, pēc tam parādīsim ietvara pilnu nosaukumu tieši zem meklēšanas formas.

1. darbība. Indeksa lapas izveide

Index.php

PHP MVC Frameworks - Search Engine

PHP MVC Frameworks - Search Engine


Type the first letter of the PHP MVC Framework








Matches:

ŠEIT,

  • “Onkeyup =" showName (this.value) "" izpilda JavaScript funkciju showName ikreiz, kad tekstlodziņā tiek ievadīta atslēga.

    Šo funkciju sauc par automātisko pabeigšanu

2. solis) Izveidojiet ietvara lapu

frameworks.php

 0) {$match = "";for ($i = 0; $i < count($frameworks); $i++) {if (strtolower($name) == strtolower(substr($frameworks[$i], 0, strlen($name)))) {if ($match == "") {$match = $frameworks[$i];} else {$match = $match . " , " . $frameworks[$i];}}}}echo ($match == "") ? 'no match found' : $match;?>

3. solis) JS skripta izveide

auto_complete.js

function showName(str){if (str.length == 0){ //exit function if nothing has been typed in the textboxdocument.getElementById("txtName").innerHTML; //clear previous resultsreturn;}if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safarixmlhttp=new XMLHttpRequest();} else {// code for IE6, IE5xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}xmlhttp.onreadystatechange=function() {if (xmlhttp.readyState == 4 && xmlhttp.status == 200){document.getElementById("txtName").innerHTML=xmlhttp.responseText;}}xmlhttp.open("GET","frameworks.php?name="+str,true);xmlhttp.send();}

ŠEIT,

  • “If (str.length == 0)” pārbaudiet virknes garumu. Ja tas ir 0, pārējais skripts netiek izpildīts.
  • “If (window.XMLHttpRequest)…” Internet Explorer 5. un 6. versijā AJAX ieviešanai tiek izmantots ActiveXObject. Citas versijas un pārlūkprogrammas, piemēram, Chrome, Firefox, izmanto XMLHttpRequest. Šis kods nodrošinās, ka mūsu lietojumprogramma darbojas gan IE 5 un 6, gan citās IE un pārlūkprogrammu augstās versijās.
  • “Xmlhttp.onreadystatechange = function…” pārbauda, ​​vai AJAX mijiedarbība ir pabeigta un vai statuss ir 200, pēc tam atjaunina txtName diapazonu ar atgrieztajiem rezultātiem.

4. solis. Mūsu PHP Ajax lietojumprogrammas pārbaude

Pieņemot, ka esat saglabājis failu index.php. Sūtījumos phututs / ajax pārlūkojiet URL: http: //localhost/phptuts/ajax/index.php

Ierakstiet burtu C tekstlodziņā. Jūs saņemsiet šādus rezultātus.

Iepriekš minētais piemērs parāda AJAX jēdzienu un to, kā tas var palīdzēt mums izveidot bagātīgas mijiedarbības lietojumprogrammas.

Kopsavilkums

  • AJAX ir asinhronā JavaScript un XML saīsinājums
  • AJAX ir tehnoloģija, ko izmanto, lai izveidotu bagātīgas mijiedarbības lietojumprogrammas, kas samazina mijiedarbību starp klientu un serveri, atjauninot tikai tīmekļa lapas daļas.
  • Internet Explorer 5. un 6. versija izmanto ActiveXObject, lai ieviestu AJAX darbības.
  • Internet Explorer 7. un jaunāka versija, kā arī pārlūkprogrammas Chrome, Firefox, Opera un Safari izmanto XMLHttpRequest.