 |
|
|
 首页 |
名片设计 CorelDRAW Illustrator AuotoCAD Painter 其他软件 Photoshop Fireworks Flash |
|
引言 大家都知道可以通过post或者get获得form表单的数据，那么我们如何实现不刷新的提交直接获得页面上的数据呢？这就要借助xmlhttp协议了。xmlhttp是xmldom技术的一部分。 下面的代码就是一个很简朴的例子，我们利用xmlhttp技术实现简朴的用户登陆。 开始 1.简朴的登录页面 login.jsp <script> function toServer(){ var xml = "<root>"+ "<name>"+document.all(\\\'name\\\').value+"</name>"+ "<pwd>"+document.all(\\\'pwd\\\').value+"</pwd>"+ "</root>"; // var XMLSender = new ActiveXObject("Microsoft.XMLHTTP"); XMLSender.Open("POST",\\\'do_login.jsp\\\',false); XMLSender.send((xml)); alert(XMLSender.responseText); //可处理后台返回的结果 } </script> 姓名：<input type="text" id="name" /><br> 密码：<input type="text" id="pwd" /><br> <input type="button" value="登录" onclick="toServer()"> 2.后台的登录处理页面 do_login.jsp <% //读取XMLHTTP流 java.io.BufferedReader br = request.getReader(); String str = ""; while (str != null) { str = br.readLine(); process (str); //可通过任何语言实现解析XML，进行业务处理 } //返回信息 javax.servlet.ServletOutputStream sos = response.getOutputStream(); sos.print("login success"); sos.close(); %> 3.结果如下： 总结 与传统的“提交－回发－重绘”式的web系统基本运行结构不同，我们可以通过通过XMLHTTP实现无刷新的客户端直接与服务器交互，极大的提高用户的感受度。 查考资料 XMLHTTP方式： Open bstrMethod, bstrUrl, varAsync, bstrUser, bstrPassword bstrMethod：数据传送方法，即GET或POST。 bstrUrl：服务网页的URL。 varAsync：是否同步执行。缺省为True，即同步执行，但只能在DOM中实施同步执行。 应用中一般将其置为False，即异步执行。 bstrUser：用户名，可省略。 bstrPassword：用户口令，可省略。 Send varBody varBody：指令集。可以是XML格式数据，也可以是字符串，流，或者一个无符号整数数组。也可以省略，让指令通过Open方式的URL参数代入。 setRequestHeader bstrHeader, bstrValue bstrHeader：HTTP 头(header) bstrValue：HTTP 头(header)的值 假如Open方式定义为POST，可以定义表单方法上传： xmlhttp.setRequestHeader "Content-Type", "application/x-www-form-urlencoded" XMLHTTP属性： onreadystatechange：在同步执行方法下获得返回结果的事件句柄。只能在DOM中调用。 responseBody：结果返回为无符号整数数组。 responseStream：结果返回为IStream流。 responseText ：结果返回为字符串。 responseXML：结果返回为XML格式数据。 返回类别: 教程 上一教程: JDBC专题介绍 下一教程: JSPSMARTUPLOAD上传下载全攻略 您可以阅读与"基于XMLHTTP的简朴实例"相关的教程: · 一个基于JSF技术的简朴示例（部分翻译） · JSP源码实例1(输出) · jsp源码实例1（输出） · 实例讲解JSP MODEL2体系结构(下) · webwork2+FreeMarker 制作数据列表显示简朴实例 |
  |
| 快精灵印艺坊 版权所有 |
首页 会员中心在线印刷在线编辑付款方式索取样品设计指南连锁门店
|
||
