Hướng dẫn php dynamic chart mysql - biểu đồ động php mysql
AJAX có thể được sử dụng để giao tiếp tương tác với cơ sở dữ liệu. Show Ví dụ cơ sở dữ liệu AJAXVí dụ sau đây sẽ chứng minh làm thế nào một trang web có thể tìm nạp thông tin từ cơ sở dữ liệu với AJAX: Thí dụThông tin người sẽ được liệt kê ở đây ... Ví dụ giải thích - Cơ sở dữ liệu MySQLBảng cơ sở dữ liệu chúng tôi sử dụng trong ví dụ trên có vẻ như thế này:
LoisNewport Giáo viên piano Joseph Thí dụSwanson Cảnh sát Person info will be listed here... GLenn Quigmire Phi công Ví dụ giải thích
& nbsp; Chọn một người: & nbsp; Peter Griffin & NBSP; Lois Griffin & NBSP; Joseph Swanson & NBSP; Glenn Quagmire & NBSP; Thông tin người sẽ được liệt kê ở đây ...The page on the server called by the JavaScript above is a PHP file called "getuser.php". Chạy ví dụ » Giải thích mã: GLenn Quigmire Phi công Ví dụ giải thích Firstname | Lastname | Age | Hometown | Job | while($row = mysqli_fetch_array($result)) { echo " echo " " . $row['FirstName'] . " | ";echo " " . $row['LastName'] . " | ";echo " " . $row['Age'] . " | ";echo " " . $row['Hometown'] . " | ";echo " " . $row['Job'] . " | ";echo " } echo " |
mysqli_close($con);
?>
Trong ví dụ trên, khi người dùng chọn một người trong danh sách thả xuống ở trên, một hàm gọi là "showuser ()" được thực thi.
- Hàm được kích hoạt bởi sự kiện Onchange.
- Đây là mã HTML:
- Hàm showuser (str) {& nbsp; if (str == "") {& nbsp; & nbsp; & nbsp; & nbsp; document.getEuityById ("txthint"). & nbsp; } other {& nbsp; & nbsp; & nbsp; & nbsp; var xmlHttp = new xmlHttpRequest (); & nbsp; & nbsp; & nbsp; xmlHttp.onReadyStateChange = function () {& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; if (this.ReadyState == 4 && this.status == 200) {& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; document.getEuityById ("txthint"). Internhtml = this.responsetext; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;} thật); & nbsp; & nbsp; & nbsp; xmlhttp.send (); & nbsp; }}