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

[ 2007-11-08 11:57:37 | 作者: Admin ] 字号: | |
前两篇主要写了从获取数据.接下来,我们讲讲如何添加数据.
我们传统的提交数据的方法都是用<Form>来实现的.
<Form>标记中的Method属性确定了表单元素的数据在发送到服务器时,
如何对HTTP请求信息进行打包.

Method 属性可以使用的方法
Method属性 发送表单元素的方式 读取数据的Request集合
Get 标识在URL的最后 QueryString
Post 在HTTP请求的主体内(HTTP请求的自由区域) Form

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

ClientGet.htm
<scr&#105;pt language="JavaScript">
function AddDataGet(sUserId,sUserName)
{
/*
*--------------- AddDataGet(sUserId,sUserName) -----------------
* AddDataGet(sUserId,sUserName)
* 功能:通过XMLHTTP添加数据.相当于Form的Method=Get.
* 参数:sUserId,字符串,发送条件.
* 参数:sUserName,字符串,发送条件.
* 实例:AddDataGet(document.all.userid.value,document.all.username.value);
* author:wanghr100(灰豆宝宝.net)
* update:2004-5-30 14:46
*--------------- AddDataGet(sUserId,sUserName) -----------------
*/
 var oBao = new ActiveXObject("Microsoft.XMLHTTP");
 //特殊字符:+,%,&,=,?等的传输解决办法.用escape编码.
 //Update:2004-6-1 12:22
 //escape(sUserId),escape(sUserName);
 oBao.open("POST","Server.asp?userid="+escape(sUserId)+"&username="+escape(sUserName),false);
 oBao.send();
 //清空输入框数据.
 document.all.userid.value="";
 document.all.username.value="";
 //服务器端处理返回的是经过escape编码的字符串.
 alert(unescape(oBao.responseText))
}
</scr&#105;pt>
<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 服务器端处理.
<% @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");
//相当于Form的Method=Get.
//相当于Form的Method=Get.
//特殊字符:+,%,&,=,?等的传输解决办法.客户端传输过来是经过escape编码的.
//所以服用器端应该先用unescape解码.
//Update:2004-6-1 12:22
//unescape(Request.QueryString("userid")).....
var userid = unescape(Request.QueryString("userid"));
var username = unescape(Request.QueryString("username"));
sResult = "userid:"+userid+"\nusername:"+username+"\n 添加成功."
var sql = "Insert into users(userid,username)Values('"+userid+"','"+username+"')";
oConn.Execute(sql);
Response.Write(escape(sResult));
%>
数据库设计
data.mdb
表users.
字段
id 自动编号
userid 文本
username 文本

表:users 数据:
id userid username
1 wanghr100 灰豆宝宝.net
Server.asp?userid="+escape(sUserId)+"&username="+escape(sUserName)
注意url后面的参数,这就相当于一个get了,所以指定xmlhttp的传输方式在这个例子似乎区别不大
wydin 于 2004-08-05 04:06 PM 发表评论:
这些的不是GET篇么?既然是GET那不就应该是写成GET么?
oydj 于 2004-08-05 02:37 AM 发表评论:
看服务端那边怎么个方式响应了
如果用post就request.form
直接用request也可以
Share
评论Feed 评论Feed: http://www.85815.com/feed.asp?q=comment&id=48
UTF-8 Encoding 引用链接: http://www.85815.com/trackback.asp?id=48&key=
这篇日志没有评论.
发表
表情图标
[smile] [confused] [cool] [cry]
[eek] [angry] [wink] [sweat]
[lol] [stun] [razz] [redface]
[rolleyes] [sad] [yes] [no]
[heart] [star] [music] [idea]
UBB代码
转换链接
表情图标
悄悄话
用户名:   密码:   注册?
验证码 * 请输入验证码