Водич за ПХП Ајак са примером

Преглед садржаја:

Anonim

Шта је Ајак?

АЈАКС пуни образац је асинхрони ЈаваСцрипт и КСМЛ. То је технологија која смањује интеракцију између сервера и клијента. То се постиже ажурирањем само дела веб странице, а не целе странице. Асинхроне интеракције покреће ЈаваСцрипт. Сврха АЈАКС-а је размена малих количина података са сервером без освежавања странице.

ЈаваСцрипт је скриптни језик на страни клијента. Извршавају га на клијентској страни веб прегледачи који подржавају ЈаваСцрипт.ЈаваСцрипт код ради само у прегледачима који имају омогућен ЈаваСцрипт.

КСМЛ је скраћеница од Ектенсибле Маркуп Лангуаге. Користи се за кодирање порука у људском и машински читљивом формату. То је попут ХТМЛ-а, али вам омогућава да креирате своје прилагођене ознаке. За више детаља о КСМЛ-у погледајте чланак о КСМЛ-у

Зашто користити АЈАКС?

  • Омогућава развој богатих интерактивних веб апликација баш као и десктоп апликација.
  • Валидација се може извршити док корисник попуњава образац без да га подноси. То се може постићи аутоматским довршавањем. Речи које корисник унесе предају се серверу на обраду. Сервер одговара кључним речима које се подударају са оним што је корисник унео.
  • Може се користити за попуњавање падајућег оквира у зависности од вредности другог падајућег оквира
  • Подаци се могу преузети са сервера и ажурирати само одређени део странице без учитавања целе странице. Ово је врло корисно за делове веб страница који учитавају ствари попут
    • Твеетс
    • Цомменс
    • Корисници који посећују страницу итд.

Како створити ПХП Ајак апликацију

Направићемо једноставну апликацију која омогућава корисницима да претражују популарне ПХП МВЦ оквире.

Наша апликација ће имати оквир за текст који ће корисници уписивати у називе оквира.

Затим ћемо користити мвц АЈАКС за тражење подударања, а затим приказати комплетно име оквира одмах испод обрасца за претрагу.

Корак 1) Израда индексне странице

Индек.пхп

PHP MVC Frameworks - Search Engine

PHP MVC Frameworks - Search Engine


Type the first letter of the PHP MVC Framework








Matches:

ОВДЕ,

  • “Онкеиуп =" сховНаме (тхис.валуе) "" извршава ЈаваСцрипт функцију сховНаме сваки пут када се у оквир унесе кључ.

    Ова функција се назива аутоматско довршавање

Корак 2) Креирање странице оквира

оквири.пхп

 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) Креирање ЈС скрипте

ауто_цомплете.јс

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

ОВДЕ,

  • „Иф (стр.ленгтх == 0)“ проверите дужину низа. Ако је 0, остатак скрипте се не извршава.
  • „Иф (виндов.КСМЛХттпРекуест) ...“ Интернет Екплорер верзије 5 и 6 користе АцтивеКСОбјецт за имплементацију АЈАКС-а. Друге верзије и прегледачи, попут Цхроме-а, ФиреФок-а, користе КСМЛХттпРекуест. Овај код ће осигурати да наша апликација ради и у ИЕ 5 и 6 и у другим високим верзијама ИЕ и у прегледачима.
  • „Ксмлхттп.онреадистатецханге = фунцтион ...“ проверава да ли је АЈАКС интеракција завршена и да ли је статус 200, а затим ажурира распон тктНаме враћеним резултатима.

Корак 4) Тестирање наше ПХП Ајак апликације

Под претпоставком да сте сачували датотеку индек.пхп У пхутутс / ајак, потражите УРЛ хттп: //лоцалхост/пхптутс/ајак/индек.пхп

Укуцајте слово Ц у оквир за текст Добићете следеће резултате.

Горњи пример показује концепт АЈАКС-а и како нам може помоћи у стварању богатих апликација за интеракцију.

Резиме

  • АЈАКС је скраћеница од Асинхрони ЈаваСцрипт и КСМЛ
  • АЈАКС је технологија која се користи за стварање богатих апликација за интеракцију које смањују интеракцију између клијента и сервера ажурирањем само делова веб странице.
  • Интернет Екплорер верзије 5 и 6 користе АцтивеКСОбјецт за примену АЈАКС операција.
  • Интернет Екплорер верзија 7 и новија, а прегледачи Цхроме, Фирефок, Опера и Сафари користе КСМЛХттпРекуест.