在html静态页面里面怎么用函数调用数据库啊?求高手帮忙

如题所述

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=0; i<versions.length; i++) {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>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script type="text/javascript" src="shopajax.jss"></script>

</HEAD>
<BODY>
<div id="as"></div>
<SCRIPT LANGUAGE="JavaScript">
<!--
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
温馨提示:内容为网友见解,仅供参考
第1个回答  2010-12-12
html是静态代码,不能调用数据库
如果调用数据库,就要用动态代码,网页就变成动态的,
至于怎么调用,先要看你用什么语言代码了,有很多种,例如ASP,PHP,JSP等等
第2个回答  2010-12-12
class.forName();
或者JNDI

静态网页可不可以连接数据库?拜托各位了 3Q
HTML静态本身是不可以直接连接数据库的,但是可以在静态网页里嵌套一个JS脚本或一个<iframe>,再在这个JS或<iframe>里连接数据库。这样就达到了HTML静态网页显示数据库内容的目标。这种方法是被各大网站广泛应用的,例如一篇太平洋网上的热点文章。它的文章主体是一个静态网页,但文章下面的评论却是动态的数...

在XP系统中,测试html没有问题,但是测试asp无法显示,显示错误如下,请高 ...
只能是修复数据库了,用FTP等方式把数据库拉下来后用Office中的Access的修复压缩数据库功能修复一下再传回去就行了。如果你的带宽还不错或者数据库小了还好整,要是网速不行再弄个几百兆的数据库那就得有点耐心了。需要说明的是原来的数据库可能是asp或asa等后缀的,修复后生成的是mdb后缀的。建议...

本人有个网站是35互联给做的 现在有个问题是后台有个静态页面生成...
1直接修改前台就好了 2直接改数据库 3删除之前的页面,再重新做一个页面

password1(char cc[9])如何调用才能成功:等高手修改!
我在VC++6.0里调试通过了\/\/你的主要问题:1、函数名password()和main里的变量password重名了。我改成inputpassword()\/\/2、inputpassword()函数里后面的printf("\\n"),getchar()是多余的。\/\/3、不知道你inputpassword里返回的那个cc[9]是什么。我改成return strlen(cc).为返回密码长度。---\/\/#include <stdafx...

用HTML制作网页――表单与ASP,求高手帮忙
第一个html页面代码如下:<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd"> <html xmlns="http:\/\/www.w3.org\/1999\/xhtml"> <head> <meta http-equiv="Content-Type" content="text\/html; charset=gb2312"...

我想用js调用cookies,老是不成功。求高手帮忙。
直接取one就行了。var aa = getCookie("one");var two;if(aa!=""||aa!=undefined){ two = aa;}else{ two="123456";}

网页制作习题 求高手帮忙
你要创建一个静态页面,你可以去任务中国威客网页设计要求,他们的工作应该是有很多休闲的次数最多可以支付你的工作。此外,还可以向他学习。

pb 在数据窗口中如何使用find函数查找所有符合条件的数据行 请高手帮忙...
long i long ll_result[], ll_find ll_find = dw_1.find("salary > 1000",1, dw_1.rowcount())do while ll_find > 0 i ++ ll_result[i] = ll_find ll_find = dw_1.find("salary > 1000",ll_find + 1, dw_1.rowcount()loop 大体是这个思路,ll_result[]就是要求的结果 ...

DW中编辑asp网页调用SQL数据库后如何实现搜索数据库操作
真正实现搜索表单操作的是html+asp语法来实现的。2、实现搜索操作,先创建搜索表单。提交表单的时候将页面提交当当前页面,制定某个行为动作进行判断。输入asp代码返回搜索结果举例:a.asp<form action="a.asp?ac=search<!--提交到asp页面检索返回数据-->" method="post"><input type="text" name="Key" \/><...

JAVA 高手帮帮忙啊。这个页面分为2块内容,左边那个JS代码已经写好可以运...
还好啦,你去下个jquery的ztree,然后呢,找个ztree的demo看下,修改下基本你那颗树就出来了,然后你打开dreamweaver,把右边那个面板给“拖出来”,然后就会自动生成html代码了。兄弟,试试吧,授人以鱼不如授人以渔,网上多看看哦

相似回答