HTML寫的網(wǎng)頁如何實(shí)現(xiàn)與數(shù)據(jù)庫的交互？
HTML是用于構(gòu)建外國網(wǎng)頁的一門語言，他利用不同的標(biāo)簽以及標(biāo)簽屬性來表達(dá)一個我們所看到的頁面上面的內(nèi)容，同時，他還使用CSS對頁面內(nèi)容進(jìn)行美化。對于題中所說的數(shù)據(jù)庫，一般我們可以分為web服務(wù)器上面的數(shù)據(jù)庫和本地的數(shù)據(jù)庫。
常用的WEB服務(wù)器上面的數(shù)據(jù)庫有MySQL、MSSqlserver、Oracle等。本地數(shù)據(jù)庫是指瀏覽器端為網(wǎng)頁開辟的用于緩存數(shù)據(jù)的數(shù)據(jù)庫，一般是SQLite數(shù)據(jù)庫。
下面就本地數(shù)據(jù)庫和WEB數(shù)據(jù)庫來分別說明交互手段。
與本地數(shù)據(jù)庫進(jìn)行交互
本地數(shù)據(jù)庫位于瀏覽器端，一般是使用js語言做相應(yīng)的交互處理，這里推薦一款非常好用的js庫用于網(wǎng)頁與本地數(shù)據(jù)庫進(jìn)行交互。這個js庫就是 HTML5SQL.JS
以下內(nèi)容是引用自官網(wǎng)上的一段：
html5sqlisalightJavaScriptmodulethatmakesworkingwiththeHTML5WebDatabaseawholeloteasier.ItsprimaryfunctionistoprovidesastructurefortheSEQUENTIALprocessingofSQLstatementswithinasingletransaction.Thisalonegreatlysimplifiestheinteractionwiththedatabasehoweveritdoesn'tstopthere.Manyothersmallerfeatureshavebeenincludedtomakethingseasier,morenaturalandmoreconvenientfortheprogrammer.
翻譯過來，大致意思就是說使用這個庫，我們可以很方便的使用js語言通過SQL語句與本地的h5Web數(shù)據(jù)庫進(jìn)行交互。具體的使用手冊可以查看官網(wǎng)上的文檔。
與服務(wù)器上的數(shù)據(jù)庫進(jìn)行交互
一般而言，無論是HTML也好，還是JavaScript也好，都不能直接與數(shù)據(jù)庫進(jìn)行交互，而是通過后臺服務(wù)器上面的程序與數(shù)據(jù)庫進(jìn)行交互。
常用的web開發(fā)技術(shù)，有ASP.netmvc，JAVA，PHP，Pythonweb，
node.js
等。通過這些技術(shù)在后臺寫好與數(shù)據(jù)庫的交互——增、刪、改、查。服務(wù)端開發(fā)好之后，在本地我們可以通過form表單的提交進(jìn)行交互，但是這樣每次提交之后都會刷新頁面，對有一些情景的用戶體驗(yàn)不好。于是便出現(xiàn)了全新的一個名為ajax的技術(shù)。
通過ajax可以向WEB服務(wù)器提交各種請求（如：GET，POST等），然后在處理請求的過程中完成與數(shù)據(jù)庫的交互。
如上圖，就是使用jQuery進(jìn)行提交POST請求，第一個參數(shù)request_url就是WEB服務(wù)器上用來處理該請求的地址，第二個參數(shù)（花括號那一項(xiàng)）就是提交到服務(wù)器的數(shù)據(jù)，第三個參數(shù)就是處理完成之后再本地的回調(diào)函數(shù)。
希望我的回答對你有幫助，如果喜歡請關(guān)注“