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

程序代码:

<script 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))

}

</script>

<input type="button" οnclick="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

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





ClientPost.htm

  
  
程序代码:
<script language="JavaScript">

function AddDataPost(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-30 14:46

 *--------------- AddDataPost(sUserId,sUserName) -----------------

 */

    var oBao = new ActiveXObject("Microsoft.XMLHTTP");

    //特殊字符:+,%,&,=,?等的传输解决办法.

    //Update:2004-6-1 12:22

    //escape(sUserId),escape(sUserName);

    sUserId = escape(sUserId);

    sUserName = escape(sUserName);

    var userInfo = "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>

<input type="button" οnclick="AddDataPost(document.all.userid.value,document.all.username.value)" value="AddDataPost"><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=Post.

//相当于Form的Method=Post.

//特殊字符:+,%,&,=,?等的传输解决办法.客户端传输过来是经过escape编码的.

//所以服用器端应该先unescape解码.

//Update:2004-6-1 12:22

//unescape(Request.Form("userid")).....

var userid = unescape(Request.Form("userid"));

var username = unescape(Request.Form("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 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值