AJAX - HTTP POST ФОРМА в PHP използва AJAX

Начало > AJAX , PHP > HTTP POST ФОРМА в PHP използва AJAX

HTTP POST ФОРМА в PHP използва AJAX

Leave a comment Go to comments 28-ми фев 2008 Hitesh Agrawal Оставете коментар Отидете на мнения

Този пример показва, HTTP POST ФОРМА пълна форма HTML за сървър и извеждане на отговор използване на AJAX.

HTML страница

 "text/javascript" > var time_variable ; function getXMLObject ( ) //XML OBJECT { var xmlHttp = false ; try { xmlHttp = new ActiveXObject ( "Msxml2.XMLHTTP" ) // For Old Microsoft Browsers } catch ( e ) { try { xmlHttp = new ActiveXObject ( "Microsoft.XMLHTTP" ) // For Microsoft IE 6.0+ } catch ( e2 ) { xmlHttp = false // No Browser accepts the XMLHTTP Object then false } } if ( ! xmlHttp && typeof XMLHttpRequest != 'undefined' ) { xmlHttp = new XMLHttpRequest ( ) ; //For Mozilla, Opera Browsers } return xmlHttp ; // Mandatory Statement returning the ajax object created } var xmlhttp = new getXMLObject ( ) ; //xmlhttp holds the ajax object function ajaxFunction ( ) { var getdate = new Date ( ) ; //Used to prevent caching during ajax call if ( xmlhttp ) { var txtname = document. getElementById ( "txtname" ) ; xmlhttp. open ( "POST" , "testing.php" , true ) ; //calling testing.php using POST method xmlhttp. onreadystatechange = handleServerResponse ; xmlhttp. setRequestHeader ( 'Content-Type' , 'application/x-www-form-urlencoded' ) ; xmlhttp. send ( "txtname=" + txtname. value ) ; //Posting txtname to PHP File } } function handleServerResponse ( ) { if ( xmlhttp. readyState == 4 ) { if ( xmlhttp. status == 200 ) { document. getElementById ( "message" ) . innerHTML = xmlhttp. responseText ; //Update the HTML Form element } else { alert ( "Error during AJAX call. Please try again" ) ; } } } </ script > <body> <form name="myForm"> <table> <tr> <td>Enter Name</td> <td><input type="text" name="txtname" id="txtname" /></td> </tr> <tr> <td colspan="2"><input type="button" value="Submit" onclick="ajaxFunction();" /></td> </tr> </table> <div id="message" name="message"></div> </form> </body> </head> </html> <html> <head> <title> PHP използва AJAX </ заглавие> <скрипт тип = "текст / JavaScript"> Var time_variable; getXMLObject функция () / / XML ПРЕДМЕТ (Var xmlHttp = фалшиви, опитайте (xmlHttp = нови ActiveXObject ( "Msxml2.XMLHTTP") / / за стари браузъри Microsoft) улов (д) ((опитайте xmlHttp = нови ActiveXObject ("Microsoft.XMLHTTP") / / За Microsoft IE 6.0 +) улов (е2) (xmlHttp = фалшиви / / Не Браузър приема XMLHTTP обекта тогава фалшиви)) ако (! xmlHttp & & typeof XMLHttpRequest! = "неопределен") (xmlHttp = нови XMLHttpRequest (); / / За Mozilla, Opera браузър) връщане xmlHttp; / / Задължителна Декларация връщане на Аякс обект е създаден ) Var xmlhttp = нови getXMLObject (); / / xmlhttp притежава Аякс функция ajaxFunction обект () (Var getdate = нова дата (); / / Използва се за предотвратяване на кеширането по време на повикване, ако Аякс (xmlhttp) (Var txtname = документ. getElementById ( "txtname"); xmlhttp. открито ("пост", "testing.php", вярно); / / разговори testing.php използва метода POST xmlhttp. onreadystatechange = handleServerResponse; xmlhttp. setRequestHeader ("Content-Type", "заявление / X-urlencoded WWW форма-'); xmlhttp. изпращане ("txtname =" + txtname. стойност); / / Публикуване txtname на PHP файл)) функция handleServerResponse () (ако (xmlhttp. readyState == 4) (ако ( xmlhttp. статут == 200) (документ. getElementById ("съобщението"). innerHTML = xmlhttp. responseText; / / актуализиране на формуляра за HTML елемент) (друг сигнал ("Грешка по време на разговор AJAX. Моля опитайте отново");))) </ ръкопис> <body> <form name="myForm"> <table> <tr> <td> Въведете име </ TD> <td> <вход тип = "текст" име = "txtname" ID = "txtname" /> </ TD> </ TR <tr>> <td colspan="2"> <input type="button" value="Submit" onclick="ajaxFunction();" /> </ TD> </ TR > </ таблица> <div id="message" name="message"> </> <DIV /> <форма /> <тяло / глава> </ HTML>

PHP код

  <?

 $_POST [ 'txtname' ] ; $ A = $ _POST ['txtname'];

 . $a ; Хуманитарна помощ "Добър ден". $ един;


 ?>

Обяснение за AJAX кодекс

Тук имам обявени три JavaScript функция:
getXMLObject () - отговаря за създаването на AJAX обект в зависимост от браузъра
ajaxFunction () - Отговорен за свикване PHP страница чрез обаждане AJAX
handleServerResponse () - Отговорен за показване на данни възстановен от сървъра

Как Кодекса работнически AJAX:

При зареждането на страницата съм създаване на AJAX обект като се обадите на getXMLObject () и връщане на обекта, създадени в xmlhttp променлива
Когато потребителят кликне върху приноса на бутон, ajaxFunction () получава призова която проверява за това дали на Аякс обекта ще бъде създадено или не, и в зависимост от това, че призовава за дистанционно скрипт. Ето един handleServerResponse функция манипулатор се определя и за четене на стойност от сървъра
Когато readystate на поканата AJAX достигне 4 и HTTP статус е 200 минаваме покрай данни пресилено от сървъра към учебника

Обяснение за PHP код

Аз призовавам $ _POST за изкарване на поста съдържание изпратите чрез Ajax Покана
И накрая аз съм призовава "Хуманитарна помощ" да изпрати отговор обратно към свикване страница