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 "
echo "CustomerID";
echo "
echo "CompanyName";
echo "
echo "ContactName";
echo "
echo "Address";
echo "
echo "City";
echo "
echo "PostalCode";
echo "
echo "Country";
echo "
echo "
echo "";
?>
Node.js có thể được sử dụng trong các ứng dụng cơ sở dữ liệu.
Một trong những cơ sở dữ liệu phổ biến nhất là MySQL.
Cơ sở dữ liệu MySQL
Để có thể thử nghiệm các ví dụ mã, bạn nên cài đặt MySQL trên máy tính của mình.
Bạn có thể tải xuống cơ sở dữ liệu MySQL miễn phí tại //www.mysql.com/doads/.
Cài đặt trình điều khiển MySQL
Khi bạn đã chạy và chạy trên máy tính của mình, bạn có thể truy cập nó bằng cách sử dụng Node.js.
Để truy cập cơ sở dữ liệu MySQL với Node.js, bạn cần trình điều khiển MySQL. Hướng dẫn này sẽ sử dụng mô -đun "MySQL", được tải xuống từ NPM.
Để tải xuống và cài đặt mô -đun "MySQL", hãy mở thiết bị đầu cuối lệnh và thực hiện các mục sau:
C: \ Users \ Your Name> NPM Cài đặt MySQL
Bây giờ bạn đã tải xuống và cài đặt trình điều khiển cơ sở dữ liệu MySQL.
Node.js có thể sử dụng mô -đun này để thao tác cơ sở dữ liệu MySQL:
var mysql = yêu cầu ['mysql'];
Tạo kết nối
Bắt đầu bằng cách tạo kết nối với cơ sở dữ liệu.
Sử dụng tên người dùng và mật khẩu từ cơ sở dữ liệu MySQL của bạn.
demo_db_connection.js
var mysql = yêu cầu ['mysql'];
Tạo kết nối
host: "localhost",
user: "yourusername",
password: "yourpassword"
}];
Bắt đầu bằng cách tạo kết nối với cơ sở dữ liệu.
if [err] throw err;
console.log["Connected!"];
}];
Sử dụng tên người dùng và mật khẩu từ cơ sở dữ liệu MySQL của bạn.
var con = mysql.createConnection [{& nbsp; host: "localhost", & nbsp; user: "yourusername", & nbsp; mật khẩu: "yourPassword"}];
con.connect [function [err] {& nbsp; if [err] ném err; & nbsp; console.log ["kết nối!"];}];
Chạy ví dụ »
Lưu mã ở trên trong một tệp có tên là "demo_db_connection.js" và chạy tệp:
Chạy "demo_db_connection.js"
Truy vấn một cơ sở dữ liệu
Sử dụng các câu lệnh SQL để đọc từ [hoặc ghi cho] cơ sở dữ liệu MySQL. Điều này cũng được gọi là "Truy vấn" cơ sở dữ liệu.
Đối tượng kết nối được tạo trong ví dụ trên, có một phương thức truy vấn cơ sở dữ liệu:
con.connect [function [err] {& nbsp; if [err] ném err; & nbsp; console.log ["kết nối!"]; & nbsp; con.Query [sql, function [err, result] ; if [err] ném err; & nbsp; & nbsp; console.log ["kết quả:" + kết quả]; & nbsp;}];}];
if [err] throw err;
console.log["Connected!"];
con.query[sql, function [err, result] {
if [err] throw err;
console.log["Result: " + result];
}];
}];
Phương thức truy vấn lấy một câu lệnh SQL làm tham số và trả về kết quả.
Tìm hiểu cách đọc, viết, xóa và cập nhật cơ sở dữ liệu trong các chương tiếp theo.
Đọc thêm về các câu lệnh SQL trong hướng dẫn SQL của chúng tôi.