怎样从HTML网页中获取SQL数据库里的数据_随笔

HTML是无法读取数据库的，HTML是页面前端脚本语言，要想从HTML网页中获取SQL数据库里的数据，需要借助JSP或ASP或PHP或RUBY等语言来实现。

SQL数据库的数据体系结构基本上是三级结构，但使用术语与传统关系模型术语不同。在SQL中，关系模式(模式)称为“基本表”(base table)；存储模式(内模式)称为“存储文件”(stored file)；子模式(外模式)称为“视图”(view)；元组称为“行”(row)；属性称为“列”(column)。

扩展资料

SQL语言的组成：

1、一个SQL数据库是表(Table)的集合，它由一个或多个SQL模式定义。

2、一个SQL表由行集构成，一行是列的序列(集合)，每列与行对应一个数据项。

3、一个表或者是一个基本表或者是一个视图。基本表是实际存储在数据库的表，而视图是由若干基本表或其他视图构成的表的定义。

4.一个基本表可以跨一个或多个存储文件，一个存储文件也可存放一个或多个基本表。每个存储文件与外部存储上一个物理文件对应。

5.用户可以用SQL语句对视图和基本表进行查询等 *** 作。在用户角度来看，视图和基本表是一样的，没有区别，都是关系(表格)。

6.SQL用户可以是应用程序，也可以是终端用户。SQL语句可嵌入在宿主语言的程序中使用，宿主语言有FORTRAN，COBOL和Ada语言等。

参考资料:百度百科▬SQL数据库

html只能通过ajax接口跟后台数据库接口通信，然后取出来的数据在页面上显示。

以下是一个例子：

html文件suggest.html：

<html>

<head>

body {

font: 11px arial

}

.suggest_link {

background-color: #FFFFFF

padding: 2px 6px 2px 6px

cursor:hand

}

.suggest_link_over {

background-color: #E8F2FE

padding: 2px 6px 2px 6px

}

#search_suggest {

position:relative

background-color: #FFFFFF

text-align: left

border: 1px solid #000000

left: -12px

top: 1px

height: 74px

width: 170px

display:none

}

</style>

</head>

<h3>实现搜索提示</h3>

</div>

</center>

</body>

</html>

ajax_search.js：

var searchReq = createAjaxObj()

function createAjaxObj()

{

var httprequest=false

if (window.XMLHttpRequest) //为非IE浏览器生成XmlHttpRequest对象

{

httprequest=new XMLHttpRequest()

if (httprequest.overrideMimeType) httprequest.overrideMimeType('text/xml')

}

else if (window.ActiveXObject) //为IE浏览器生成XmlHttpRequest对象

{

try

{

httprequest=new ActiveXObject("Msxml2.XMLHTTP")

}

catch (e)

{

try

{

httprequest=new ActiveXObject("Microsoft.XMLHTTP")

}

catch (e){}

}

return httprequest

}

function searchSuggest()

{

if (searchReq.readyState == 4 || searchReq.readyState == 0)

{

html是静态页面，因此，如果实现数据库动态调用，最好的方法就是使用AJAX技术，使用XMLHTTPrequest来请求。

给一个示例吧：

function requestHttp(){

var request

if(window.XMLHttpRequest) {

request = new XMLHttpRequest()

if(request.overrideMimeType) {request.overrideMimeType('text/xml')

}

} else if(window.ActiveXObject) {

var versions = ['Microsoft.XMLHTTP', 'MSXML.XMLHTTP', 'Microsoft.XMLHTTP', 'Msxml2.XMLHTTP.7.0', 'Msxml2.XMLHTTP.6.0', 'Msxml2.XMLHTTP.5.0', 'Msxml2.XMLHTTP.4.0', 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP']

for(var i=0i<versions.lengthi++) {try

{request = new ActiveXObject(versions[i])break}

catch(e) {}

}}

return request

}

function xmlhttp(){

this.r=requestHttp()

}

xmlhttp.prototype.postopen=function(url,data){

this.r.open('POST',url,false)

this.r.setrequestheader("content-type","application/x-www-form-urlencoded")

this.r.onreadystatechange = ReadyStateChange(this)

if(typeof(data)=='undefined')

this.r.send()

else

this.r.send(data)

}

xmlhttp.prototype.getopen=function(url){

if(window.XMLHttpRequest) {this.r.open('GET',url)

this.r.onreadystatechange = ReadyStateChange(this)

this.r.send(null)

} else {

this.r.open("GET", url, true)

this.r.onreadystatechange = ReadyStateChange(this)

this.r.send()

}

ReadyStateChange=function(obj){

return function(){

if(obj.r.readyState==4){

obj.status=obj.r.status

obj.text=obj.r.responseText

obj.body=obj.r.responseBody

callpage()

}

把这个别存为Shopajax.js

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE>New Document </TITLE>

</HEAD>

<BODY>

<!--

var ajax=new xmlhttp()

debugger

ajax.getopen("1.html")

function callpage(){

if(ajax.status==0){//本地为0，远程为200

var obj=eval('('+ajax.text+')')

document.getElementById("as").innerHTML="年纪："+obj.Age+"<br>薪水："+obj.Money

}

//-->

</SCRIPT>

</BODY>

</HTML>

这个随便存一个页面保存为index.html

{"Money":2000.00,"Age":21}

把这个存成一个1.html

保存完后，点击Index.html就可以看到Div里面有值了。值是从1.html里面取到的。这个过程实现了Ajax

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/zaji/6290210.html

怎样从HTML网页中获取SQL数据库里的数据

发表评论

评论列表（0条）