利用XMLHTTP无刷新添加数据之Get篇

我们传统的提交数据的方法都是用<Form>来实现的.
<Form>标记中的Method属性确定了表单元素的数据在发送到服务器时,
如何对HTTP请求信息进行打包.
Method 属性可以使用的方法
Method属性 发送表单元素的方式 读取数据的Request集合
Get 标识在URL的最后 QueryString
Post 在HTTP请求的主体内(HTTP请求的自由区域) Form

这篇文章用XMLHTTP来实现Form的Method=Get.

ClientGet.htm

</script>
<input type="button" onclick="AddDataGet(document.all.userid.value,document.all.username.value)" value="AddDataGet"><br>
userid:<input type="text" name="userid"><br>
username:<input type="text" name="username">

Server.asp 服务器端处理.

1<% @Language="JavaScript" %>
2<%
3function OpenDB(sdbname)
4{
5/*
6*--------------- OpenDB(sdbname) -----------------
7* OpenDB(sdbname)
8* 功能:打开数据库sdbname,返回conn对象.
9* 参数:sdbname,字符串,数据库名称.
10* 实例:var conn = OpenDB("database.mdb");
11*--------------- OpenDB(sdbname) -----------------
12*/
13var connstr = "Provider=Microsoft.Jet.OLEDB.4.0; Data Source="+Server.MapPath(sdbname);
14var conn = Server.CreateObject("ADODB.Connection");
15conn.Open(connstr);
16return conn;
17}
18var sResult = "";
19var oConn = OpenDB("data.mdb");
20//相当于Form的Method=Get.
21//相当于Form的Method=Get.
22//特殊字符：+,%,&,=,?等的传输解决办法.客户端传输过来是经过escape编码的.
23//所以服用器端应该先用unescape解码.
24//Update:2004-6-1 12:22
25//unescape(Request.QueryString("userid"))..
26var userid = unescape(Request.QueryString("userid"));
27var username = unescape(Request.QueryString("username"));
28sResult = "userid:"+userid+"\nusername:"+username+"\n 添加成功."
29var sql = "Insert into users(userid,username)Values('"+userid+"','"+username+"')";
30oConn.Execute(sql);
31Response.Write(escape(sResult));
32%>
33

数据库设计
data.mdb
表users.
字段
id 自动编号
userid 文本
username 文本

表:users 数据:
id userid username
1 wanghr100 管理员