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

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

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

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

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

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

下面就本地數(shù)據(jù)庫和WEB數(shù)據(jù)庫來分別說明交互手段。

與本地數(shù)據(jù)庫進行交互

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

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.

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

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

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

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

node.js

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

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

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

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

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