AJAX 可用來與數(shù)據(jù)庫進(jìn)行交互式通信。
成都創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供吳江網(wǎng)站建設(shè)、吳江做網(wǎng)站、吳江網(wǎng)站設(shè)計(jì)、吳江網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、吳江企業(yè)網(wǎng)站模板建站服務(wù),10多年吳江做網(wǎng)站經(jīng)驗(yàn),不只是建網(wǎng)站,更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。
在下面的 AJAX 實(shí)例中,我們將演示網(wǎng)頁如何使用 AJAX 技術(shù)從 MySQL 數(shù)據(jù)庫中讀取信息。
這個(gè)應(yīng)用程序由四個(gè)元素組成:
MySQL 數(shù)據(jù)庫一張簡單的 HTML 表單JavaScriptPHP 頁面將在本例中使用的數(shù)據(jù)庫看起來類似這樣:
id CustomerID CompanyName ContactName Address City PostalCode Country 1 Alibaba Alibaba Group Ma Yun ...... Hangzhou 310002 China 2 APPLE Apple Inc. Tim Cook ...... Cupertino 95014 USA 3 BAIDU BAIDU Inc. Li YanHong ...... Beijing 100080 China 4 Canon Canon USA Inc. Tsuneji Uchida ...... New York 11042 USA在上面的例子中,當(dāng)用戶在上面的下拉列表中選擇客戶時(shí),會(huì)執(zhí)行名為“showUser()”的函數(shù)。
該函數(shù)由 onchange 事件觸發(fā)。
這是 HTML 代碼:
實(shí)例運(yùn)行實(shí)例
代碼解釋:首先,檢查是否選擇了客戶。如果未選擇任何客戶(str ==“”),則清除 txtHint 的內(nèi)容并退出該函數(shù)。如果選擇了某個(gè)客戶,則執(zhí)行以下操作:
創(chuàng)建 XMLHttpRequest 對(duì)象創(chuàng)建服務(wù)器響應(yīng)就緒時(shí)要執(zhí)行的函數(shù)將請(qǐng)求發(fā)送到服務(wù)器上的文件請(qǐng)注意,參數(shù)(q)被添加到 URL(帶有下拉列表的內(nèi)容)上面的 JavaScript 調(diào)用的服務(wù)器上的頁面是一個(gè)名為“getuser.php”的 PHP 文件。
“getuser.php”中的源代碼對(duì) MySQL 數(shù)據(jù)庫運(yùn)行查詢,并在 HTML 表中返回結(jié)果:
";while($row = mysqli_fetch_array($result)) { echo "解釋:當(dāng)查詢從 JavaScript 發(fā)送到 PHP 文件時(shí),會(huì)發(fā)生以下情況:
PHP 打開與 MySQL 服務(wù)器的連接找到了正確的客戶創(chuàng)建一個(gè) HTML 表,填充數(shù)據(jù),并發(fā)送回“txtHint”占位符