|
|
我们传统的提交数据的方法都是用<Form>来实现的.<Form>标记中的Method属性确定了表单元素的数据在发送到服务器时,如何对HTTP请求信息进行打包.
Method 属性可以使用的方法
Method属性发送表单元素的方式读取数据的Request集合
Get 标识在URL的最后QueryString
Post 在HTTP请求的主体内(HTTP请求的自由区域) Form
这篇文章用XMLHTTP来实现Form的Method=Get.
ClientGet.htm
<script language="javascript">
| Word-WRAP: break-word" bgColor=#f3f3f3>以下是引用片段： 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(aaa.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" 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(bbb.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+" username:"+username+" 添加成功." var sql = "Insert into users(userid,username)Values(''"+userid+"'',''"+username+"'')"; oConn.Execute(sql); Response.Write(escape(sResult)); %> |
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(bbb.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" onclick="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(bbb.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+" username:"+username+" 添加成功." 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 bbb.net
（出处：清风软件下载学院）
上一篇:成功实现ajax,xmlhttp跨域访问
下一篇:加密视频光盘轻松刻录教你做
