XMLHTTP的get和post

//==================================================================
//用XMLHTTP来实现Form的Method=Get.
//==================================================================
我们传统的提交数据的方法都是用<Form>来实现的.
<Form>标记中的Method属性确定了表单元素的数据在发送到服务器时,
如何对HTTP请求信息进行打包.

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


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


ClientGet.htm

程序代码:
<scriptlanguage="JavaScript">
functionAddDataGet(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-3014:46
*---------------AddDataGet(sUserId,sUserName)-----------------
*/
varoBao=newActiveXObject("Microsoft.XMLHTTP");
//特殊字符:+,%,&,=,?等的传输解决办法.用escape编码.
//Update:2004-6-112: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))
}
</script>
<inputtype="button"οnclick="AddDataGet(document.all.userid.value,document.all.username.value)"value="AddDataGet"><br>
userid:<inputtype="text"name="userid"><br>
username:<inputtype="text"name="username">



Server.asp服务器端处理.

程序代码:
<%@Language="JavaScript"%>
<%
functionOpenDB(sdbname)
{
/*
*---------------OpenDB(sdbname)-----------------
*OpenDB(sdbname)
*功能:打开数据库sdbname,返回conn对象.
*参数:sdbname,字符串,数据库名称.
*实例:varconn=OpenDB("database.mdb");
*author:wanghr100(灰豆宝宝.net)
*update:2004-5-128:18
*---------------OpenDB(sdbname)-----------------
*/
varconnstr="Provider=Microsoft.Jet.OLEDB.4.0;DataSource="+Server.MapPath(sdbname);
varconn=Server.CreateObject("ADODB.Connection");
conn.Open(connstr);
returnconn;
}
varsResult="";
varoConn=OpenDB("data.mdb");
//相当于Form的Method=Get.
//相当于Form的Method=Get.
//特殊字符:+,%,&,=,?等的传输解决办法.客户端传输过来是经过escape编码的.
//所以服用器端应该先用unescape解码.
//Update:2004-6-112:22
//unescape(Request.QueryString("userid")).....
varuserid=unescape(Request.QueryString("userid"));
varusername=unescape(Request.QueryString("username"));
sResult="userid:"+userid+"\nusername:"+username+"\n添加成功."
varsql="Insertintousers(userid,username)Values('"+userid+"','"+username+"')";
oConn.Execute(sql);
Response.Write(escape(sResult));
%>



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

表:users数据:
iduseridusername
1wanghr100灰豆宝宝.net

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





ClientPost.htm

程序代码:
<scriptlanguage="JavaScript">
functionAddDataPost(sUserId,sUserName)
{
/*
*---------------AddDataPost(sUserId,sUserName)-----------------
*AddDataPost(sUserId,sUserName)
*功能:通过XMLHTTP添加数据.相当于Form的Method=Post.
*参数:sUserId,字符串,发送条件.
*参数:sUserName,字符串,发送条件.
*实例:AddDataPost(document.all.userid.value,document.all.username.value);
*author:wanghr100(灰豆宝宝.net)
*update:2004-5-3014:46
*---------------AddDataPost(sUserId,sUserName)-----------------
*/
varoBao=newActiveXObject("Microsoft.XMLHTTP");
//特殊字符:+,%,&,=,?等的传输解决办法.
//Update:2004-6-112:22
//escape(sUserId),escape(sUserName);
sUserId=escape(sUserId);
sUserName=escape(sUserName);
varuserInfo="userid="+sUserId+"&username="+sUserName;
oBao.open("POST","Server.asp",false);
oBao.setRequestHeader("Content-Type","application/x-www-form-urlencoded")
oBao.send(userInfo);
//清空输入框数据.
document.all.userid.value="";
document.all.username.value="";
//服务器端处理返回的是经过escape编码的字符串.
alert(unescape(oBao.responseText))
}
</script>
<inputtype="button"οnclick="AddDataPost(document.all.userid.value,document.all.username.value)"value="AddDataPost"><br>
userid:<inputtype="text"name="userid"><br>
username:<inputtype="text"name="username">




Server.asp服务器端处理.

程序代码:
<%@Language="JavaScript"%>
<%
functionOpenDB(sdbname)
{
/*
*---------------OpenDB(sdbname)-----------------
*OpenDB(sdbname)
*功能:打开数据库sdbname,返回conn对象.
*参数:sdbname,字符串,数据库名称.
*实例:varconn=OpenDB("database.mdb");
*author:wanghr100(灰豆宝宝.net)
*update:2004-5-128:18
*---------------OpenDB(sdbname)-----------------
*/
varconnstr="Provider=Microsoft.Jet.OLEDB.4.0;DataSource="+Server.MapPath(sdbname);
varconn=Server.CreateObject("ADODB.Connection");
conn.Open(connstr);
returnconn;
}
varsResult="";
varoConn=OpenDB("data.mdb");
//相当于Form的Method=Post.
//相当于Form的Method=Post.
//特殊字符:+,%,&,=,?等的传输解决办法.客户端传输过来是经过escape编码的.
//所以服用器端应该先unescape解码.
//Update:2004-6-112:22
//unescape(Request.Form("userid")).....
varuserid=unescape(Request.Form("userid"));
varusername=unescape(Request.Form("username"));
sResult="userid:"+userid+"\nusername:"+username+"\n添加成功."
varsql="Insertintousers(userid,username)Values('"+userid+"','"+username+"')";
oConn.Execute(sql);
Response.Write(escape(sResult));
%>



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

表:users数据:
iduseridusername
1wanghr100灰豆宝宝.net
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值