HTML寫的網(wǎng)頁(yè)如何實(shí)現(xiàn)與數(shù)據(jù)庫(kù)的交互？

以下內(nèi)容由“健談IT”回答

HTML寫的網(wǎng)頁(yè)如何實(shí)現(xiàn)與數(shù)據(jù)庫(kù)的交互？

HTML是用于構(gòu)建外國(guó)網(wǎng)頁(yè)的一門語(yǔ)言，他利用不同的標(biāo)簽以及標(biāo)簽屬性來(lái)表達(dá)一個(gè)我們所看到的頁(yè)面上面的內(nèi)容，同時(shí)，他還使用CSS對(duì)頁(yè)面內(nèi)容進(jìn)行美化。

對(duì)于題中所說(shuō)的數(shù)據(jù)庫(kù)，一般我們可以分為web服務(wù)器上面的數(shù)據(jù)庫(kù)和本地的數(shù)據(jù)庫(kù)。

常用的WEB服務(wù)器上面的數(shù)據(jù)庫(kù)有MySQL、MS Sqlserver、Oracle等。本地?cái)?shù)據(jù)庫(kù)是指瀏覽器端為網(wǎng)頁(yè)開(kāi)辟的用于緩存數(shù)據(jù)的數(shù)據(jù)庫(kù)，一般是SQLite數(shù)據(jù)庫(kù)。

下面就本地?cái)?shù)據(jù)庫(kù)和WEB數(shù)據(jù)庫(kù)來(lái)分別說(shuō)明交互手段。

與本地?cái)?shù)據(jù)庫(kù)進(jìn)行交互

本地?cái)?shù)據(jù)庫(kù)位于瀏覽器端，一般是使用js語(yǔ)言做相應(yīng)的交互處理，這里推薦一款非常好用的js庫(kù)用于網(wǎng)頁(yè)與本地?cái)?shù)據(jù)庫(kù)進(jìn)行交互。這個(gè)js庫(kù)就是

HTML5SQL.JS

。

以下內(nèi)容是引用自官網(wǎng)上的一段：

html5sql is a light JavaScript module that makes working with the HTML5 Web Database a whole lot easier. Its primary function is to provides a structure for the SEQUENTIAL processing of SQL statements within a single transaction. This alone greatly simplifies the interaction with the database however it doesn't stop there. Many other smaller features have been included to make things easier, more natural and more convenient for the programmer.

翻譯過(guò)來(lái)，大致意思就是說(shuō)使用這個(gè)庫(kù)，我們可以很方便的使用js語(yǔ)言通過(guò)SQL語(yǔ)句與本地的h5 Web數(shù)據(jù)庫(kù)進(jìn)行交互。具體的使用手冊(cè)可以查看官網(wǎng)上的文檔。

與服務(wù)器上的數(shù)據(jù)庫(kù)進(jìn)行交互

一般而言，無(wú)論是HTML也好，還是JavaScript也好， 都不能直接與數(shù)據(jù)庫(kù)進(jìn)行交互，而是通過(guò)后臺(tái)服務(wù)器上面的程序與數(shù)據(jù)庫(kù)進(jìn)行交互。

常用的web開(kāi)發(fā)技術(shù)，有ASP.net mvc，JAVA，PHP，Python web，

node.js

等。通過(guò)這些技術(shù)在后臺(tái)寫好與數(shù)據(jù)庫(kù)的交互——增、刪、改、查。

服務(wù)端開(kāi)發(fā)好之后，在本地我們可以通過(guò)form表單的提交進(jìn)行交互，但是這樣每次提交之后都會(huì)刷新頁(yè)面，對(duì)有一些情景的用戶體驗(yàn)不好。于是便出現(xiàn)了全新的一個(gè)名為ajax的技術(shù)。

通過(guò)ajax可以向WEB服務(wù)器提交各種請(qǐng)求（如：GET，POST等），然后在處理請(qǐng)求的過(guò)程中完成與數(shù)據(jù)庫(kù)的交互。

如上圖，就是使用jQuery進(jìn)行提交POST請(qǐng)求，第一個(gè)參數(shù)request_url就是WEB服務(wù)器上用來(lái)處理該請(qǐng)求的地址，第二個(gè)參數(shù)（花括號(hào)那一項(xiàng)）就是提交到服務(wù)器的數(shù)據(jù)，第三個(gè)參數(shù)就是處理完成之后再本地的回調(diào)函數(shù)。

希望我的回答對(duì)你有幫助，如果喜歡請(qǐng)關(guān)注“健談IT”。