HTML寫(xiě)的網(wǎng)頁(yè)如何實(shí)現(xiàn)與數(shù)據(jù)庫(kù)的交互？
HTML是用于構(gòu)建外國(guó)網(wǎng)頁(yè)的一門(mén)語(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、MSSqlserver、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)上的一段：
html5sqlisalightJavaScriptmodulethatmakesworkingwiththeHTML5WebDatabaseawholeloteasier.ItsprimaryfunctionistoprovidesastructurefortheSEQUENTIALprocessingofSQLstatementswithinasingletransaction.Thisalonegreatlysimplifiestheinteractionwiththedatabasehoweveritdoesn'tstopthere.Manyothersmallerfeatureshavebeenincludedtomakethingseasier,morenaturalandmoreconvenientfortheprogrammer.
翻譯過(guò)來(lái)，大致意思就是說(shuō)使用這個(gè)庫(kù)，我們可以很方便的使用js語(yǔ)言通過(guò)SQL語(yǔ)句與本地的h5Web數(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.netmvc，JAVA，PHP，Pythonweb，
node.js
等。通過(guò)這些技術(shù)在后臺(tái)寫(xiě)好與數(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)注“