利用xmlhttp无刷新获取数据.
客户端和服务器端数据的交互有几种方法.
1.提交,通过<form></form>提交到服务器端.也称"有刷新"吧.
2.通过xmlhttp无刷新提交到服务器端,并返回数据.也称"无刷新"吧.
利用xmlhttp我们可以实现很多很强大的应用.这文章主要介绍它的一
些简单的应用.
附:因为xmlhttp是ie5.0+支持的对象.所以你必须要有ie5.0+才能看到效果.
client.htm
<script language="javascript">
function getresult(str)
{
/*
*--------------- getresult(str) -----------------
* getresult(str)
* 功能:通过xmlhttp发送请求,返回结果.
* 参数:str,字符串,发送条件.
* 实例:getresult(document.all.userid.value);
* author:wanghr100(灰豆宝宝.net)
* update:2004-5-27 19:02
*--------------- getresult(str) -----------------
*/
var obao = new activexobject("microsoft.xmlhttp");
//特殊字符：+,%,&,=,?等的传输解决办法.字符串先用escape编码的.
//update:2004-6-1 12:22
obao.open("post","server.asp?userid="+escape(str),false);
obao.send();
//服务器端处理返回的是经过escape编码的字符串.
document.all.username.value=unescape(obao.responsetext)
}
</script>
<input type="button" onclick="getresult(document.all.userid.value)" value="get"><br>
userid:<input type="text" name="userid"><br>
username:<input type="text" name="username">
server.asp 服务器端处理.
<% @language="javascript" %>
<%
function opendb(sdbname)
{
/*
*--------------- opendb(sdbname) -----------------
* opendb(sdbname)
* 功能:打开数据库sdbname,返回conn对象.
* 参数:sdbname,字符串,数据库名称.
* 实例:var conn = opendb("database.mdb");
* author:wanghr100(灰豆宝宝.net)
* update:2004-5-12 8:18
*--------------- opendb(sdbname) -----------------
*/
var connstr = "provider=microsoft.jet.oledb.4.0; data source="+server.mappath(sdbname);
var conn = server.createobject("adodb.connection");
conn.open(connstr);
return conn;
}
var sresult = "";
var oconn = opendb("data.mdb");
//特殊字符：+,%,&,=,?等的传输解决办法.客户端字符是经过escape编码的
//所以服务器端先要经过unescape解码.
//update:2004-6-1 12:22
var userid = unescape(request("userid"));
var sql = "select username from users where userid='"+userid+"'";
var rs = oconn.execute(sql);
if(!rs.eof)
{
sresult = rs("username").value;
}
else
{
//加入容错.2004-5-30 10:15
sresult = "sorry,没有找到..."
}
//escape解决了xmlhttp。中文处理的问题.
response.write(escape(sresult));
%>
数据库设计 data.mdb
表users.
字段
id 自动编号
userid 文本
username 文本
表:users 数据:
id userid username
1 wanghr100 灰豆宝宝.net
