HTTP MẪU POST trong PHP sử dụng AJAX
Ví dụ này thể hiện HTTP POST MẪU dạng HTML đầy đủ đến máy chủ và hiển thị các phản ứng bằng cách sử 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> gõ lệnh <= "text / javascript"> var time_variable; getXMLObject chức năng () / / XML VẬT (var xmlHttp = false; try (xmlHttp = ActiveXObject mới ( "Msxml2.XMLHTTP") / / Đối với Old Microsoft trình 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 các đối tượng xmlHttp sau đó sai)) if (tạo ra! xmlHttp & typeof XMLHttpRequest = '! undefined') (xmlHttp = new XMLHttpRequest (); / / Đối với Mozilla, Opera trở lại) Trình duyệt xmlHttp; / / bắt buộc Tuyên bố trả lại ajax đối tượng ) var xmlHttp = new getXMLObject (); / / xmlHttp giữ đối tượng chức năng ajax ajaxFunction () (var getdate = new Date (); / / Được sử dụng để ngăn cả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 bằng cách sử dụng phương pháp xmlHttp POST. onreadystatechange = handleServerResponse; xmlHttp (. setRequestHeader 'Content-Type', 'application / x-www-form-urlencoded '); xmlHttp. gửi ("txtname =" + txtname). giá trị; / / Đăng txtname để PHP File)) handleServerResponse chức năng () (nếu (xmlhttp. readyState == 4) (if ( xmlHttp 200. tình trạng ==) (tài liệu. getElementById ("message"). innerHTML = xmlHttp. responseText; / / Cập nhật các phần tử HTML Form) else (alert ("Lỗi trong AJAX gọi. Xin vui lòng thử lại");))) </ script> <body> <form name="myForm"> <table> <tr> <td> Nhập <Tên / td> <td> loại đầu vào <"= chữ" 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' ] ; _POST [Txtname 'a = $ $']; . $a ; echo "Chào buổi sáng". $ 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 PHP Trang thông qua 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 () chức năng và trả lại đố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à có 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ủ đến hộp văn bản
Giải thích cho Mã PHP
- Tôi gọi $ _POST để lấy nội dung bài gửi qua Ajax Call
- Cuối cùng tôi đang kêu gọi echo để gửi phản hồi trở lại trang gọi
Tìm kiếm Tuỳ chỉnh
Phổ biến các điều:
- PHP5 Hướng dẫn - __sleep () Magic Phương pháp
- OOPS trong PHP5 - __construct () Phương pháp
- Ajax Lập trình
- OOPS trong PHP 5 Hướng dẫn - Sử dụng giao diện
- PHP5 Hướng dẫn - Phương pháp __clone Magic
- Kiểm tra Session timeout trong Ajax Call
- PHP5 Hướng dẫn - __wakeup () Magic Phương pháp
- Tăng giới hạn bộ nhớ PHP Script
- Hướng dẫn Ajax - AJAX là gì
- PHP5 Hướng dẫn - __toString () Magic Phương pháp
trang web tốt I "Stumbledupon" nó ngày hôm nay và 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 một công việc tốt
Nice đăng bài, Thanks.
Tuyệt vời hướng dẫn bạn thân .... Tôi đã được tìm kiếm này trong 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 nó đâu
Điều gì về nếu chúng ta sử dụng nhiều đầu vào??
Hi,
Có bạn có thể làm AJAX gọi với nhiều hơn một đầu vào.
Nói nếu bạn có hai hộp văn bản (textbox1 và textbox2) trong mã HTML của bạn mà cần phải được truyền qua AJAX hơn, sẽ có phương pháp 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/
một tốt đẹp
Thnk u rất nhiều budy ... ... ... ... ... ....
Ví dụ ngọt và sạch sẽ ... tốt công việc!
Điều gì về nếu chúng ta sử dụng nhiều hình thức?
Trong trường hợp đó bạn sẽ phải nắm bắt dữ liệu các hình thức bằng cách sử dụng javascript và gửi dữ liệu đến phương pháp cá nhân gọi ajax.
Tuyệt vời hướng dẫn. Chỉ muốn nói cảm ơn đã dành thời gian để viết nó!