FORMULIER POST in PHP met behulp van AJAX
Dit voorbeeld toont VORM HTTP POST volledige HTML-formulier naar de server en de weergave van de reactie met behulp van AJAX.
HTML-pagina
<html> <head> <title> met behulp van PHP AJAX </ title> "text/javascript" > <Script type = "text / javascript"> var time_variable; //XML OBJECT getXMLObject function () / / XML OBJECT ( false ; var xmlhttp = false; try ( ActiveXObject ( "Msxml2.XMLHTTP" ) // For Old Microsoft Browsers xmlHttp = new ActiveXObject ( "Msxml2.XMLHTTP") / / Voor Oude Browsers Microsoft ) e ) { catch (e) ( try ( ActiveXObject ( "Microsoft.XMLHTTP" ) // For Microsoft IE 6.0+ xmlHttp = new ActiveXObject ( "Microsoft.XMLHTTP") / / Voor Microsoft IE 6.0 + ) e2 ) { catch (e2) ( // No Browser accepts the XMLHTTP Object then false xmlhttp = false / / Geen Browser accepteert de XMLHTTP Object vervolgens valse ) ) ! xmlHttp && typeof XMLHttpRequest != 'undefined' ) { if (! xmlhttp & & typeof XMLHttpRequest! = 'undefined') ( XMLHttpRequest ( ) ; //For Mozilla, Opera Browsers xmlHttp = new XMLHttpRequest (); / / Voor Mozilla, Opera Browsers ) // Mandatory Statement returning the ajax object created return xmlHttp; / / Verplichte Verklaring terugsturen van de Ajax object gemaakt ) new getXMLObject ( ) ; //xmlhttp holds the ajax object var xmlhttp = new getXMLObject (); / / xmlhttp bezit is van het Ajax object ajaxFunction function () ( new Date ( ) ; //Used to prevent caching during ajax call var getdate = new Date (); / / gebruikt om te voorkomen dat caching tijdens ajax gesprek xmlhttp ) { if (xmlhttp) ( document. getElementById ( "txtname" ) ; var txtname = document. getElementById ( "txtname"); "POST" , "testing.php" , true ) ; //calling testing.php using POST method xmlhttp. open ( "POST", "testing.php", true); / / belt testing.php met POST-methode handleServerResponse ; xmlhttp. onreadystatechange = handleServerResponse; 'Content-Type' , 'application/x-www-form-urlencoded' ) ; xmlhttp. setRequestHeader ( 'Content-Type aanvraag', '/ x-www-form-urlencoded'); "txtname=" + txtname. value ) ; //Posting txtname to PHP File xmlhttp. sturen ( "txtname =" + txtname. value); / / Posting txtname naar PHP-bestand ) ) handleServerResponse function () ( xmlhttp. readyState == 4 ) { if (xmlhttp. readyState == 4) ( xmlhttp. status == 200 ) { if (xmlhttp. status == 200) ( "message" ) . innerHTML = xmlhttp. responseText ; //Update the HTML Form element document. getElementById ( "bericht"). innerHTML = xmlhttp. responseText; / / Werk de HTML-formulier element ) else ( "Error during AJAX call. Please try again" ) ; alert ( "Fout tijdens AJAX gesprek. Please try again"); ) ) ) </ Script> <body> <form name="myForm"> <table> <tr> Voer <td> Naam </ 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>
PHP-code
<? $_POST [ 'txtname' ] ; $ a = $ _POST [ 'txtname']; . $a ; echo "Good Morning". $ a; ?>
Uitleg voor de AJAX-code
Hier heb ik verklaard 3 JavaScript-functie:
getXMLObject () - Verantwoordelijk voor het maken van de AJAX-object, afhankelijk van de browser
ajaxFunction () - Verantwoordelijk voor het bellen PHP pagina via AJAX bellen
handleServerResponse () - Verantwoordelijk voor het weergeven van de gegevens opgehaald van de server
Hoe de AJAX code werkt:
- Wanneer de pagina wordt geladen ik ben het creëren van een AJAX-object door te bellen naar de getXMLObject () functie en terugzending van het object gemaakt in de XMLHTTP variabele
- Wanneer de gebruiker klikt op de input knop, ajaxFunction () wordt aangeroepen, die controleert of de Ajax-object wordt gemaakt of niet en afhankelijk van dat de afstandsbediening script oproepen. Hier een functie handler handleServerResponse wordt ook bepaald voor het ophalen van de waarde van de server
- Wanneer de readystate van de AJAX gesprek bereikt 4 en de http-status is 200 passeren we de gegevens opgehaald van de server naar het tekstveld
Uitleg voor de PHP-code
- Ik roep $ _POST voor het ophalen van de post inhoud te sturen via Ajax Call
- Tenslotte roep ik echo om de reactie terug naar de aanroepende pagina verzenden
Custom Search
Good site I "Stumbledupon" het vandaag nog en gaf het een struikelen voor je .. kijken uit naar wat je later hebt ..
Je hebt goed werk
Nice post, Thanks.
Uitstekende tutorials pal .... Ik was op zoek dit voor een lange tijd, en tenslotte een gevonden!
Bedankt
Thank you so much. Het werkt perfect!
hi waar is het
Hoe zit het als we gebruiken meer dan een input?
Hoi,
Ja je kunt doen AJAX bellen met meer dan een ingang.
Zeg als je twee tekstvak hebt (TextBox1 en textbox2) in uw HTML-code die moet worden doorgegeven AJAX dan, stuur methode zal hebben volgende gegevens:
xmlhttp.send ( "txtname =" + textbox1.value + "& txtname1 =" + textbox2.value);
Bedankt,
Hitesh Agarwal
1000000 keer dank u ... http://www.ghyoom.com/
nice one
Thnk u very much Budy ... ... ... ... ... ....