以下内容由“健谈IT”回答
HTML写的网页如何实现与数据库的交互?
HTML是用于构建外国网页的一门语言,他利用不同的标签以及标签属性来表达一个我们所看到的页面上面的内容,同时,他还使用CSS对页面内容进行美化。对于题中所说的数据库,一般我们可以分为web服务器上面的数据库和本地的数据库。
常用的WEB服务器上面的数据库有MySQL、MSSqlserver、Oracle等。本地数据库是指浏览器端为网页开辟的用于缓存数据的数据库,一般是SQLite数据库。
下面就本地数据库和WEB数据库来分别说明交互手段。
本地数据库位于浏览器端,一般是使用js语言做相应的交互处理,这里推荐一款非常好用的js库用于网页与本地数据库进行交互。这个js库就是
HTML5SQL.JS
。以下内容是引用自官网上的一段:
html5sqlisalightJavaScriptmodulethatmakesworkingwiththeHTML5WebDatabaseawholeloteasier.ItsprimaryfunctionistoprovidesastructurefortheSEQUENTIALprocessingofSQLstatementswithinasingletransaction.Thisalonegreatlysimplifiestheinteractionwiththedatabasehoweveritdoesn'tstopthere.Manyothersmallerfeatureshavebeenincludedtomakethingseasier,morenaturalandmoreconvenientfortheprogrammer.
翻译过来,大致意思就是说使用这个库,我们可以很方便的使用js语言通过SQL语句与本地的h5Web数据库进行交互。具体的使用手册可以查看官网上的文档。
一般而言,无论是HTML也好,还是JavaScript也好,都不能直接与数据库进行交互,而是通过后台服务器上面的程序与数据库进行交互。
常用的web开发技术,有ASP.netmvc,JAVA,PHP,Pythonweb,
node.js
等。通过这些技术在后台写好与数据库的交互——增、删、改、查。服务端开发好之后,在本地我们可以通过form表单的提交进行交互,但是这样每次提交之后都会刷新页面,对有一些情景的用户体验不好。于是便出现了全新的一个名为ajax的技术。
通过ajax可以向WEB服务器提交各种请求(如:GET,POST等),然后在处理请求的过程中完成与数据库的交互。
如上图,就是使用jQuery进行提交POST请求,第一个参数request_url就是WEB服务器上用来处理该请求的地址,第二个参数(花括号那一项)就是提交到服务器的数据,第三个参数就是处理完成之后再本地的回调函数。
希望我的回答对你有帮助,如果喜欢请关注“健谈IT”。