Tương tác Database dùng Ajax

Tiếp tục với đề tài Ajax, sau khi đã hoàn tất ứng dụng suggestion đơn giản dùng Ajax hẳn sẻ phát sinh vấn đề: nếu những suggestion nầy mình không tự tạo bằng tay mà lấy từ database thì sao??? Câu trả lời: mình hoàn toàn có thể dùng Ajax tương tác với database
Nội dung trích xuất từ tài liệu:
Tương tác Database dùng Ajax Tương tác Database dùng AjaxTiếp tục với đề tài Ajax, sau khi đã hoàn tất ứng dụng suggestion đơn giảndùng Ajax hẳn sẻ phát sinh vấn đề: nếu những suggestion nầy mình không tựtạo bằng tay mà lấy từ database thì sao???Câu trả lời: mình hoàn toàn có thể dùng Ajax tương tác với databaseHình sau minh họa cách bạn thể hiện thông tin từ database l ên trang web saukhi bạn chọn một item từ danh sách:Để hiện thực ứng dụng nầy chúng ta cần:Một form HTML đẹp đẽ như thế nầy: Select a Customer:Alfreds FutterkisteNorth/SouthWolski Zajazd Customer info will be listed here. Đoạn code trên có một thẻ div là txtHint - sử dụng như là một nơi để nhận giátrị trả về từ server.Khi người dùng chọn từ danh sách thì hàm showCustomer() được thực thithông qua sự kiện onchange.và nội dung của file selectcustomer.js nh ư sau:var xmlHttpfunction showCustomer(str){xmlHttp=GetXmlHttpObject();if (xmlHttp==null) { alert (Your browser does not support AJAX!); return; }var url=getcustomer.asp;url=url+?q=+str;url=url+&sid=+Math.random();xmlHttp.onreadystatechange=stateChanged;xmlHttp.open(GET,url,true);xmlHttp.send(null);}function stateChanged(){if (xmlHttp.readyState==4){document.getElementById(txtHint).innerHTML=xmlHttp.responseText;}}function GetXmlHttpObject(){var xmlHttp=null;try { // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); }catch (e) { // Internet Explorer try { xmlHttp=new ActiveXObject(Msxml2.XMLHTTP); } catch (e) { xmlHttp=new ActiveXObject(Microsoft.XMLHTTP); } }return xmlHttp;}Tiếp theo chúng ta xây dựng code phía server.Ta sẻ tạo trang getcustomer.asp đ ược viết bằng VBScript và chạy trên IIS(hoặc bạn có thể tham khảo cách viết bằng PHP tại đây)rs.Open sql, connresponse.write()do until rs.EOF for each x in rs.Fields response.write( & x.name & ) response.write( & x.value & ) next rs.MoveNextloopresponse.write()%>