本站联系方式
   联系QQ  :1095080675
   联系QQ  :1223950575
  技术指导:1353934434
  
  电子邮箱:1095080675@qq.com
标题  基于Ajax和JSP的订单管理系统
编号  10210
编程技术  Java,JSP,JDBC,Ajax
开发环境  Eclipse 或 MyEclipse
数据库  SQL Server 2000或以上版本
资料明细  毕业论文、程序、任务书全套
推荐指数  ★★★★★
内容简介

2 AJAX的架构
通过对两种Web应用开发模式的对比发现, 在web开发中使用AJAx技术,仍然遵循着“请 求假务”模式,并没有使得web应用的模式发生 根本性的变化,只是在客户端增加了数据处理方面 的功能。
一个请求执行过程应该是:处理一个客户端事 件、创建xMLHttprequest对象、指定响应函数并发 送请求、服务器接收请求、服务器返回结果、客户 端接收、修改客户端页面内容。其中,服务器对请 求的处理,不同的动态网页技术处理上有所不同, 但只要结果以xML数据返回,客户端就可以读取。
1)处理一个客户端事件
在一个事件发生时可以调用相应的Javascript函数。如:通过按钮的单击事件执行L09inRequest 函数的代码如下:
<input type="button" name="btnSub" value=”login” onclick="kginRequest()">
2)创建xMLHttprequest对象实例 事件处理函数要完成xMLHttprequest对象的创 建,不同的浏览器中创建方式也不同。一般应该包 括以下Javascript代码。
if(window.xMLHttpRequest) {其他浏览器
req=new XMLHttpRequest();
} else if (window.ActiveX0biect) {∥IE浏览器
req =new ActivexObject (”Microsoft.XMLHTTP”);
}
3)指定响应函数并发送请求
由于采用异步响应方式,在发送请求前还需要 先设定将来由谁来处理来自服务器端的响应,也就 要设定XMLHttprequest对象的onreadystatechange 属性。在JavaScript将相应的处理函数名对此属性 赋值就可以了。接下来就可以用xMLHttprequest对 象的open函数发送异步响应的请求了。
req.onreadystatechange = processRequest; ∥ 处理返回信息的函数
req.open ("GET", ,"http://www.test.com/file",true);//true代表异步方式。 req.send(null);//POST方式通过该函数发送信息
4)处理服务端的信息
对于指定的响应函数,首先要判断响应信息是 否已经返回,另外还要判断响应的状态是否正常, 如果是响应正常,就调用DOM方法读取xML数 据,并对页面的HTML元素进行控制,从而改变页 面显示。
例 如 : document.getElementById(”userIdMessage”); ”userIdMessage” 是HTML文 档中出现的一个元素(一般是DIV或SPAN)的ID属性。有了这个元素的引用,就可以使用 Javascript来修改元素的属性、修改元素的样式、 添加、。删除或修改子元素。
3应用实例
笔者参与开发的一个电子商务网站,采用JSP 技术,Tomcat作为应用服务器,在查询商品、订单 处理等模块时采用了AJAx实现,取得较好的交互 效果。
以订单处理为例说明AJAx的应用,单击订单号,无须提交,页面下方显示该订单的详细情况,如图2所示。

说明
  本毕业设计包括毕业论文、程序、答辩稿等全套资料。以上是论文部分内容和程序运行截图。 如果对以上内容感兴趣,可以QQ:1095080675或邮件1095080675@qq.com继续联系我们。
相关文章
  •  小型企业网上订单系统的设计与实现
  •  基于.NET的订单管理系统的开发
  • 文章导航
  • 上一篇:基于JSP在线招聘系统的设计与实现(论文+程序)
  • 下一篇:基于校园网点对点即时通信系统的设计与实现