|
![]() |
名片设计 CorelDRAW Illustrator AuotoCAD Painter 其他软件 Photoshop Fireworks Flash |
|
利用XMLHTTP无刷新添加数据之Post篇. 前两篇主要写了从获取数据.接下来,我们讲讲如何添加数据. 我们传统的提交数据的方式都是用<Form>来实现的. <Form>标记中的Method属性确定了表单元素的数据在发送到服务器时, 如何对HTTP哀求信息进行打包. Method 属性可以使用的方式 Method属性 发送表单元素的方法 读取数据的Request集合 Get 标识在URL的最后 QueryString Post 在HTTP哀求的主体内(HTTP哀求的自由区域) Form 这篇文章用XMLHTTP来实现Form的Method=Post. 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); *--------------- 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"); *--------------- 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 灰豆 返回类别: 教程 上一教程: ASP用JMAIL、CDO发送邮件 下一教程: 一个简朴的网上书城的例子(三) 您可以阅读与"利用XMLHTTP无刷新添加数据之POST篇"相关的教程: · 利用XMLHTTP无刷新添加数据之GET篇 · 浅谈无刷新取得远程数据技术 · 数据库聊天室的“无刷新”技术要点 · 利用XML不离开页面刷新数据 · XMLHTTP+Javascript+Asp写得聊天室,无刷新实现(四) |
![]() ![]() |
快精灵印艺坊 版权所有 |
首页![]() ![]() ![]() ![]() ![]() ![]() ![]() |