HTML寫的網頁如何實現與數據庫的交互?

諾壓壓壓壓壓最有愛的說丶


以下內容由“健談IT”回答


HTML寫的網頁如何實現與數據庫的交互?


HTML是用於構建外國網頁的一門語言,他利用不同的標籤以及標籤屬性來表達一個我們所看到的頁面上面的內容,同時,他還使用CSS對頁面內容進行美化。

對於題中所說的數據庫,一般我們可以分為web服務器上面的數據庫和本地的數據庫。

常用的WEB服務器上面的數據庫有MySQL、MS Sqlserver、Oracle等。本地數據庫是指瀏覽器端為網頁開闢的用於緩存數據的數據庫,一般是SQLite數據庫。

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


與本地數據庫進行交互

本地數據庫位於瀏覽器端,一般是使用js語言做相應的交互處理,這裡推薦一款非常好用的js庫用於網頁與本地數據庫進行交互。這個js庫就是

HTML5SQL.JS

以下內容是引用自官網上的一段:

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數據庫進行交互。具體的使用手冊可以查看官網上的文檔。


與服務器上的數據庫進行交互

一般而言,無論是HTML也好,還是JavaScript也好, 都不能直接與數據庫進行交互,而是通過後臺服務器上面的程序與數據庫進行交互。

常用的web開發技術,有ASP.net mvc,JAVA,PHP,Python web,

node.js

等。通過這些技術在後臺寫好與數據庫的交互——增、刪、改、查。

服務端開發好之後,在本地我們可以通過form表單的提交進行交互,但是這樣每次提交之後都會刷新頁面,對有一些情景的用戶體驗不好。於是便出現了全新的一個名為ajax的技術。

通過ajax可以向WEB服務器提交各種請求(如:GET,POST等),然後在處理請求的過程中完成與數據庫的交互。

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


希望我的回答對你有幫助,如果喜歡請關注“健談IT”。


健談IT


“我是喲喲吼說科技,專注於數據網絡的回答,歡迎大家與我交流數據網絡的問題”

如題,HTML網頁如何實現與數據庫的交互?

HTML網頁一般是以靜態的方式進行呈現,不支持動態的數據交互,若想要呈現動態網頁,需要通過php、java等語言從數據庫進行抓取,然後還是生成靜態的html傳送給瀏覽器。

另外一種方法是通過AJAX技術來進行實現,即當瀏覽器下載靜態頁面並進行展現後,還可以通過網頁內的javascript腳本再次向服務器請求獲取某些數據內容,進而對頁面的部分內容進行更新,最終達到與數據庫交互的目的。

下面喲喲來簡單介紹一下AJAX的工作流程:

AJAX(Asynchronous JavaScript and XML,異步JavaScript和XML)是一種實現交互式網頁應用的開發技術。

1、Client產生js的事件;

2、創建XML Http Request的對象,並對其進行配置;

3、通過AJAX發送異步請求;

4、Server接收到請求後,進行處理,返回html內容

5、XML調用callback()函數對內容進行處理和響應;

6、靜態頁面局部進行刷新;

歡迎大家多多關注我,在下方評論區說出自己的見解。


分享到:


相關文章: