Hướng dẫn how to use javascript with database - cách sử dụng javascript với cơ sở dữ liệu

Ví dụ cơ sở dữ liệu AJAXDatabase Example

AJAX có thể được sử dụng để giao tiếp tương tác với cơ sở dữ liệu.

Ví dụ cơ sở dữ liệu AJAX

Ví 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:

Ví dụ giải thích - hàm showCustomer ()

Khi người dùng chọn khách hàng trong danh sách thả xuống ở trên, một hàm gọi là showCustomer() được thực thi. Hàm được kích hoạt bởi sự kiện onchange:

Showcustomer

hàm showCustomer (str) {& nbsp; if (str == "") {& nbsp; & nbsp; & nbsp; document.getEuityById ("txthint"). InternalHtml = ""; & nbsp; & nbsp; & nbsp; trở về; & nbsp; } & nbsp; const xhttp = new xmlhttprequest (); & nbsp; xhttp.onload = function () {& nbsp; & nbsp; & nbsp; document.getEuityById ("txthint"). Internhtml = this.responsetext; & nbsp; } & nbsp; xhttp.open ("get", "getCustomer.php? q ="+str); & nbsp; xhttp.send (); }
  if (str == "") {
    document.getElementById("txtHint").innerHTML = "";
    return;
  }
  const xhttp = new XMLHttpRequest();
  xhttp.onload = function() {
    document.getElementById("txtHint").innerHTML = this.responseText;
  }
  xhttp.open("GET", "getcustomer.php?q="+str);
  xhttp.send();
}

Hàm showCustomer() làm như sau:

• Kiểm tra xem khách hàng có được chọn không
• Tạo đối tượng XMLHTTPREQUEST
• Tạo chức năng sẽ được thực thi khi phản hồi máy chủ đã sẵn sàng
• Gửi yêu cầu đến một tệp trên máy chủ
• Lưu ý rằng một tham số (q) được thêm vào URL (với nội dung của danh sách thả xuống)

Trang máy chủ ajax

Trang trên máy chủ được gọi bởi JavaScript ở trên là một tệp PHP có tên là "getCustomer.php".

Mã nguồn trong "getCustomer.php" chạy truy vấn đối với cơ sở dữ liệu và trả về kết quả trong bảng HTML:

Connect_error) {& nbsp; thoát ('không thể kết nối');}
$mysqli = new mysqli("servername", "username", "password", "dbname");
if($mysqli->connect_error) {
  exit('Could not connect');
}

$ SQL = "Chọn CreateDID, CompanyName, ContactName, Địa chỉ, Thành phố, Mã Postalc, CountryFrom khách hàng ở nơi khách hàng =?";
FROM customers WHERE customerid = ?";

$ stmt = $ mysqli-> chuẩn bị ($ sql); $ stmt-> bind_param ("s", $ _get ['q']); $ stmt-> exec ); $ stmt-> đóng ();
$stmt->bind_param("s", $_GET['q']);
$stmt->execute();
$stmt->store_result();
$stmt->bind_result($cid, $cname, $name, $adr, $city, $pcode, $country);
$stmt->fetch();
$stmt->close();

echo ""; echo ""; echo "customerId"; echo "". $ cid. ""; echo "CompanyName"; echo "". $ cname. ""; echo "contactName"; echo "". $ Tên. ""; tiếng vang "địa chỉ"; echo "". $ adr. ""; Echo "Thành phố"; tiếng vang "". $ thành phố. ""; echo "mã postalcode"; echo "". $ PCODE. ""; echo "quốc gia"; echo "". $ đất nước. ""; echo ""; echo "";?>
echo "