千寻 发表于 2004-12-7 19:18:12 | 客户端和服务器端数据的交互有几种方法. 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
|