//================================================================== //
用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" 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">
- <STRONG><SPAN class=Title><STRONG>Server.asp 服务器端处理.</STRONG></SPAN></STRONG>
- <TABLE cellSpacing=0 cellPadding=0 width="90%" align=center border=0><TBODY><TR><TD>程序代码:</TD></TR></TBODY></TABLE>
程序代码: |
- <% @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));
- %>
- <STRONG>数据库设计
- </STRONG>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
- <STRONG><SPAN class=Title><STRONG>ClientPost.htm</STRONG></SPAN></STRONG>
- <TABLE cellSpacing=0 cellPadding=0 width="90%" align=center border=0><TBODY><TR><TD>程序代码:</TD></TR></TBODY></TABLE>
程序代码: |
- <PRE class=html name="code"><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" 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"></PRE>
- <PRE class=html name="code"> </PRE>
- <PRE class=html name="code"><STRONG><SPAN class=Title><STRONG>Server.asp 服务器端处理. </STRONG></SPAN>
- </STRONG><TABLE cellSpacing=0 cellPadding=0 width="90%" align=center border=0><TBODY><TR><TD>程序代码:</TD></TR></TBODY></TABLE></PRE>
- <PRE class=html name="code"><PRE class=html name="code"><% @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));
- %></PRE>
- <PRE class=html name="code"> </PRE>
- <PRE class=html name="code"><STRONG>数据库设计
- </STRONG>data.mdb
- <FONT color=#32cd32>表users.</FONT>
- <FONT color=#ff0000>字段</FONT>
- id 自动编号
- userid 文本
- username 文本
- <STRONG>表:users 数据: </STRONG>
- id userid username
- 1 wanghr100 灰豆宝宝.net </PRE>
- </PRE>