PHP में HTTP FORM पोस्ट AJAX | तकनीकी विशेषज्ञ जोन का उपयोग

होम > AJAX , PHP > पोस्ट में HTTP FORM PHP AJAX का उपयोग

PHP में HTTP FORM पोस्ट AJAX का उपयोग

Leave a comment Go to comments 28 फ़रवरी 2008 हितेश अग्रवाल टिप्पणी छोड़ दो एक टिप्पणी करने के लिए जाओ

इस उदाहरण सर्वर से HTTP FORM पोस्ट पूर्ण 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> ActiveXObject नई PHP का प्रयोग AJAX </ शीर्षक> <= स्क्रिप्ट प्रकार "/ पाठ जावास्क्रिप्ट"> var time_variable; समारोह getXMLObject () / / XML वस्तु (var xmlHttp = झूठी; कोशिश xmlHttp (= ( "Msxml2.XMLHTTP") / / पुराने ब्राउज़रों के लिए माइक्रोसॉफ्ट) (पकड़ने के लिए (ई) ActiveXObject कोशिश ((xmlHttp = नया "Microsoft.XMLHTTP") / / IE के लिए माइक्रोसॉफ्ट 6.0 +) पकड़ e2) ((xmlHttp = झूठी / / कोई ब्राउज़र तो स्वीकार XMLHTTP वस्तु झूठी)) अगर (निर्मित वस्तु! xmlHttp & & typeof! XMLHttpRequest '= अपरिभाषित') (xmlHttp = नए XMLHttpRequest ();) / / के लिए मोज़िला, ओपेरा ब्राउज़र्स वापसी xmlHttp, / / लौट अनिवार्य वक्तव्य AJAX )) xmlhttp var = नई getXMLObject (; / xmlhttp /) धारण AJAX वस्तु ajaxFunction समारोह () (getdate var = नई तिथि (; / / दस्तावेज़ प्रयुक्त = txtname var को रोकने के लिए कैशिंग AJAX कॉल के दौरान अगर (xmlhttp) (getElementById. ( "txtname"); xmlhttp. खुला ("पोस्ट", "" testing.php, सच); / बुला testing.php. xmlhttp POST पद्धति का उपयोग करते हुए / onreadystatechange = handleServerResponse; xmlhttp. setRequestHeader ('Content-प्रकार' अनुप्रयोग ', / x-www-फार्म-urlencoded '); xmlhttp. txtname भेजें "+ (" txtname = मान.); / / फाइल करने के लिए PHP पोस्टिंग txtname)) समारोह) handleServerResponse ((अगर (== xmlhttp. readyState 4) (अगर ( xmlhttp. स्थिति == 200) (दस्तावेज़. getElementById ("संदेश"). xmlhttp = innerHTML. responseText, / / अपडेट तत्व और HTML FORM) (सतर्क AJAX कॉल के दौरान त्रुटि ("" कृपया फिर से कोशिश करें.);))) </ script> <body> <<form name="myForm"> <table> <tr> <td> नाम दर्ज करें / "" नाम = "txtname td> <td> <इनपुट प्रकार =" पाठ id = "txtname" /> </ td <tr>> / <tr> tr <td colspan="2"> <input type="button" value="Submit" onclick="ajaxFunction();" /> </ td <> > </ सारणी> <div id="message" name="message"> </ div> </ फार्म> </ body> </> सिर html> </

PHP कोड

  <?

 $_POST [ 'txtname' ] ; एक = $ $ _POST [']' txtname;

 . $a ; गूंज "सुप्रभात". एक $;


 >?

AJAX कोड विवरण के लिए

मैं यहाँ 3 जावास्क्रिप्ट समारोह की घोषणा की है:
) GetXMLObject (- ब्राउज़र पर AJAX Object निर्भर बनाने के लिए जिम्मेदार
AJAX ajaxFunction माध्यम से (कॉल पृष्ठ PHP के लिए जिम्मेदार बुला) -
) HandleServerResponse (- सर्वर से पुनः प्राप्त डेटा जवाबदेह के लिए प्रदर्शित

कैसे AJAX कोड काम करता है:

जब पेज लोड मैं () समारोह getXMLObject और xmlhttp चर में निर्मित वस्तु लौटने बुला द्वारा एक AJAX Object बना रहा हूँ
जब इनपुट बटन, ajaxFunction () पर प्रयोक्ता क्लिकें कि Ajax वस्तु बनाया है या नहीं और है कि दूरस्थ स्क्रिप्ट कॉल के आधार पर जाँच के लिए जो कहा जाता है. यहाँ एक समारोह हैंडलर handleServerResponse भी सर्वर से पुन: प्राप्त करने के लिए मूल्य परिभाषित किया गया है
जब AJAX कॉल के readystate 4 और HTTP स्थिति तक पहुँच 200 हम डेटा पास है सर्वर से textbox करने के लिए दिलवाया

PHP कोड विवरण के लिए

मैं $ फोन कर रहा हूँ पोस्ट सामग्री दिलकश Ajax कॉल के माध्यम से भेजने के लिए _POST
मैं अंत में फोन कर रहा हूँ करने के लिए बुला पृष्ठ पर प्रतिक्रिया वापस भेजने की गूंज