MẪU POST trong PHP sử dụng AJAX
Ví dụ này chứng tỏ HTTP MẪU POST mẫu HTML đầy đủ đến máy chủ và hiển thị các ứng dụng AJAX.
Trang 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 sử dụng AJAX </ title> <script type = "text / javascript"> var time_variable; chức năng getXMLObject () / / XML VẬT (var xmlHttp = false; try (xmlhttp = new ActiveXObject ( "Msxml2.XMLHTTP") / / for Old Microsoft duyệt) catch (e) (try (xmlhttp = new ActiveXObject ( "Microsoft.XMLHTTP") / / Đối với Microsoft IE 6,0 +) catch (e2) (xmlHttp = false / / Không Trình duyệt chấp nhận đối tượng XMLHTTP sau đó sai)) if (xmlhttp & & typeof! XMLHttpRequest! = 'undefined') (xmlhttp = new XMLHttpRequest (); / / Đối với Mozilla, Opera duyệt) return xmlHttp; / / Bắt buộc Tuyên bố trả lại đối tượng được tạo ajax ) var xmlHttp = mới getXMLObject (); / / xmlHttp giữ đối tượng ajaxFunction chức năng ajax () (var getdate = new Date (); / / Sử dụng để ngăn chặn bộ nhớ đệm trong khi gọi ajax if (xmlHttp) (var txtname = tài liệu. getElementById ( "txtname"); xmlHttp mở ( "POST", "testing.php", true); / / gọi testing.php xmlHttp sử dụng phương thức POST.. onreadystatechange = handleServerResponse; xmlHttp. setRequestHeader ( 'Content-Type', 'application / x-www-form-urlencoded '); xmlHttp. gửi ( "txtname =" + txtname giá trị gia tăng).; / / Quyền txtname PHP File)) function handleServerResponse () (if (xmlhttp. readyState == 4) (if ( xmlHttp tình trạng == 200). (tài liệu. getElementById ( "thông báo"). innerHTML = xmlHttp responseText;. / / Cập nhật các mẫu HTML tố) else (alert ( "Lỗi trong khi AJAX gọi. Hãy thử lại");))) </ script> <form name="myForm"> <table> <tr> <td> Tên </ td> <td> <input type = "text" name = "txtname" id = "txtname" /> </ font> </ div> <div 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; ?>
Giải thích cho Mã AJAX
Ở đây tôi có tuyên bố 3 chức năng JavaScript:
getXMLObject () - Chịu trách nhiệm cho việc tạo các đối tượng AJAX phụ thuộc vào trình duyệt
ajaxFunction () - Chịu trách nhiệm gọi điện thông qua các trang PHP AJAX gọi
handleServerResponse () - Chịu trách nhiệm hiển thị các dữ liệu lấy từ máy chủ
Làm thế nào các AJAX Mã số tác phẩm:
- Khi trang tải i sáng tạo ra một đối tượng AJAX bằng cách gọi getXMLObject () trả về chức năng và các đối tượng được tạo ra trong biến xmlHttp
- Khi người dùng nhấp vào nút đầu vào, ajaxFunction () được gọi là kiểm tra xem các đối tượng Ajax là tạo ra hay không và phụ thuộc vào kịch bản mà các cuộc gọi từ xa. Đây là một chức năng xử lý handleServerResponse cũng được xác định cho lấy giá trị từ máy chủ
- Khi readyState của gọi AJAX đạt 4 và tình trạng http là 200, chúng tôi vượt qua các dữ liệu lấy từ máy chủ vào textbox
Giải thích cho Mã PHP
- Tôi kêu gọi $ _POST để lấy nội dung bưu gửi thông qua Ajax Call
- Cuối cùng i am gọi echo để gửi phản hồi trở lại trang gọi
Tìm kiếm Tuỳ chỉnh
Tốt trang web tôi "Stumbledupon" hôm nay và nó đã cho nó một vấp ngã cho bạn .. mong muốn được nhìn thấy những gì khác mà bạn có sau này ..
Bạn đã làm được một công việc tốt
Nice đăng bài, Thanks.
Tuyệt vời hương pal .... I tìm kiếm này đã được một thời gian dài, và cuối cùng tìm thấy một!!
Cảm ơn
Cảm ơn bạn rất nhiều. Nó hoạt động hoàn hảo!
hi đó là nó
Thế còn nếu chúng ta sử dụng nhiều hơn một đầu vào?
Chào,
Có bạn có thể làm AJAX gọi với nhiều hơn một đầu vào.
Nói rằng nếu bạn có hai textbox (textbox1 và textbox2) trong mã HTML của bạn rằng cần phải được đưa qua AJAX hơn, sẽ có phương thức gửi dữ liệu sau đây:
xmlHttp.send ( "txtname =" + textbox1.value + "& txtname1 =" + textbox2.value);
Cảm ơn,
Hitesh Agarwal
1000000 lần cảm ơn bạn ... http://www.ghyoom.com/
nice one
Thnk u rất nhiều budy ... ... ... ... ... ....
ngọt và sạch sẽ ... Ví dụ tốt công việc!