Ajax简要应用说明及技术开发实例

ajax

Ajax

Ajax,异步JavaScript与XML,是使用客户端脚本与Web服务器交换数据的Web应用开发方法。这样,Web页面不用打断交互流程进行重新加裁,就可以动态地更新。

使用Ajax,你可以创建接近本地桌面应用的,直接的、高可用的、更丰富的、更动态的Web用户接口界面。
Ajax处理过程

一个Ajax交互从一个称为XMLHttpRequest的JavaScript对象开始。如同名字所暗示的,它允许一个客户端脚本来执行HTTP请求,并且将会解析一个XML格式的服务器响应。Ajax处理过程中的第一步是创建一个XMLHttpRequest实例。使用HTTP方法(GET或POST)来处理请求,并将目标URL设置到XMLHttpRequest对象上。

现在,记住Ajax如何首先处于异步处理状态?当你发送HTTP请求,你不希望浏览器挂起并等待服务器的响应,取而代之的是,你希望通过页面继续响应用户的界面交互,并在服务器响应真正到达后处理它们。要完成它,你可以向XMLHttpRequest注册一个回调函数,并异步地派发XMLHttpRequest请求。控制权马上就被返回到浏览器,当服务器响应到达时,回调函数将会被调用。

在Java Web服务器上,到达的请求与任何其它HttpServletRequest一样。在解析请求参数后,servlet执行必需的应用逻辑,将响应序列化到XML中,并将它写回HttpServletResponse。

一个Ajax交互从一个称为XMLHttpRequest的JavaScript对象开始。如同名字所暗示的,它允许一个客户端脚本来执行HTTP请求,并且将会解析一个XML格式的服务器响应。Ajax处理过程中的第一步是创建一个XMLHttpRequest实例。使用HTTP方法(GET或POST)来处理请求,并将目标URL设置到XMLHttpRequest对象上。

现在,记住Ajax如何首先处于异步处理状态?当你发送HTTP请求,你不希望浏览器挂起并等待服务器的响应,取而代之的是,你希望通过页面继续响应用户的界面交互,并在服务器响应真正到达后处理它们。要完成它,你可以向XMLHttpRequest注册一个回调函数,并异步地派发XMLHttpRequest请求。控制权马上就被返回到浏览器,当服务器响应到达时,回调函数将会被调用。

在Java Web服务器上,到达的请求与任何其它HttpServletRequest一样。在解析请求参数后,servlet执行必需的应用逻辑,将响应序列化到XML中,并将它写回HttpServletResponse。

一个Ajax交互从一个称为XMLHttpRequest的JavaScript对象开始。如同名字所暗示的,它允许一个客户端脚本来执行HTTP请求,并且将会解析一个XML格式的服务器响应。Ajax处理过程中的第一步是创建一个XMLHttpRequest实例。使用HTTP方法(GET或POST)来处理请求,并将目标URL设置到XMLHttpRequest对象上。

现在,记住Ajax如何首先处于异步处理状态?当你发送HTTP请求,你不希望浏览器挂起并等待服务器的响应,取而代之的是,你希望通过页面继续响应用户的界面交互,并在服务器响应真正到达后处理它们。要完成它,你可以向XMLHttpRequest注册一个回调函数,并异步地派发XMLHttpRequest请求。控制权马上就被返回到浏览器,当服务器响应到达时,回调函数将会被调用。

在Java Web服务器上,到达的请求与任何其它HttpServletRequest一样。在解析请求参数后,servlet执行必需的应用逻辑,将响应序列化到XML中,并将它写回HttpServletResponse。

实例

以下是我所写的一个简单的例子,ajaxServlet.java程序清单:

package com;import java.io.IOException;import java.io.PrintWriter;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;/**---------------------------* 文件名: ajaxServlet.java* 创建日期: 2005-10-25* 原作者: miaohai* 版权所有:  miaohai* 功能说明: 生成XML文档** 修改记录:N/A*------------------------*/public class ajaxServletextends HttpServlet{private static final String CONTENT_TYPE="text/xml;charset=gb2312";public void init()throws ServletException{}public void doGet(HttpServletRequest request,HttpServletResponse response)throws ServletException,IOException{response.setContentType(CONTENT_TYPE);PrintWriter out=response.getWriter();String action=request.getParameter("action");if(("send").equals(action)){StringBuffer sb=new StringBuffer("<type>");sb.append("<type_name>AA</type_name>");sb.append("<type_name>BB</type_name>");sb.append("<type_name>CC</type_name>");sb.append("<type_name>DD</type_name>");sb.append("</type>");out.write(sb.toString());out.close();}}}html页面:<html><head><title>AJAX.html</title></head><script type="text/javascript">/*通过异步传输XMLHTTP发送参数到ajaxServlet,返回符合条件的XML文档*/function getResult(){var url = "servlet/com.ajaxServlet?action=send";if (window.XMLHttpRequest)  { req = new XMLHttpRequest(); }else if (window.ActiveXObject){ req = new ActiveXObject("Microsoft.XMLHTTP"); } if(req){ req.open("GET",url, true); req.onreadystatechange = complete; req.send(null); } } /*分析返回的XML文档*/function complete(){if (req.readyState == 4){ if (req.status == 200) { var type = req.responseXML.getElementsByTagName("type_name"); var str=new Array();for(var i=0;i<type.length;i++){str[i]=type[i].firstChild.data;document.all['td'].innerHTML+=str[i]+"<BR>";}}}}</script><body ><table width="80%"  border="0" cellspacing="0" cellpadding="0"><tr><td id="td"> </td></tr></table></body>

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索ajax
, servlet
, ajax的异步请求
, 服务器
, xmlhttprequest
, 处理
, ajaxservlet
, 一个
, ajax请求实例
, 原声ajax请求实例
java异步回调
ajax应用开发典型实例、js ajax实例、jquery ajax实例、ajax实例、jquery ajax json实例,以便于您获取更多的相关知识。

时间: 2024-09-17 03:40:11

Ajax简要应用说明及技术开发实例的相关文章

113_《DELPHI接口技术开发实例解析》

<DELPHI接口技术开发实例解析> Delphi 教程 系列书籍 (113) <DELPHI接口技术开发实例解析> 网友(邦)整理 EMail: shuaihj@163.com 下载地址: 下载 作者: 张仿彦 出版社:机械工业出版社 ISBN:7111203216 上架时间:2006-12-28 出版日期:2007 年1月 开本:16开 版次:1-1 内容简介 本书包括食堂管理系统.程控电话计费系统.批发零售管理系统.vod点播系统.钢筋拉伸试验管理系统5个案例,这5个不同行业

使用AJAX技术开发新一代Web应用程序

ajax|web|程序 一.引言 一个理想的用户接口对用户最好是不可见的-仅在用户需要时提供选择,否则并不干涉他们的工作而让其专注于手头的工作.然而,这并不是一件容易的事情.如今,我们变得习惯于通过并不十分令人满意的UI进行日常工作,直到有人向我们展示一种更好的方法. 现在,我们才逐渐认识到我们当前的方法在做这些事情时是多么吃力. 由于用于显示文档内容的基本web浏览器技术又被推进一步进而超出以前它们所能及的范围,所以,如今的互联网正在经历着这样的实现. Ajax(异步JavaScript+XM

使用AJAX技术开发新一代Web应用程序(1)

ajax|web|程序 一.引言 一个理想的用户接口对用户最好是不可见的-仅在用户需要时提供选择,否则并不干涉他们的工作而让其专注于手头的工作.然而,这并不是一件容易的事情.如今,我们变得习惯于通过并不十分令人满意的UI进行日常工作,直到有人向我们展示一种更好的方法.现在,我们才逐渐认识到我们当前的方法在做这些事情时是多么吃力. 由于用于显示文档内容的基本web浏览器技术又被推进一步进而超出以前它们所能及的范围,所以,如今的互联网正在经历着这样的实现. Ajax(异步JavaScript+XML

jQuery的Ajax用户认证和注册技术实例教程(附demo源码)_jquery

前面介绍了<jquery+ajax注册实时验证>及<jQuery使用$.ajax进行即时验证的方法>.这里进一步总结了jQuery的Ajax用户认证和注册技术.分享给大家供大家参考,具体如下: Ajax 表单提交是一个功能强大的技术,提供一种发送 web 表单的方法,无需重载浏览器窗口.jQuery 库让您使用 Ajax 表单提交功能进一步提供一个方便快捷的方法,以少量代码生成可用 Ajax 的 Web 表单.在本文中,学习如何使用 jQuery 创建基础 Ajax 表单提交,以及

基于ASP.NET AJAX技术开发在线RSS阅读器(上篇)

[注]本文测试环境:Windows XP专业版+Visual Studio 2005+整套ASP.NET AJAX框架+ASP.NET RSS Toolkit+SQL Server 2005. 一.RSS技术简介 RSS是一种描述和同步网站内容的XML格式,已经成为越来越流行的网站内容订阅技术.通过这种技术,网站可以极大地提高广大网站用户和网站数据之间的数据交互. RSS阅读软件可以分为桌面离线式和在线式两大类.有了这种工具,用户只需要添加初始其所关注的RSS网址,以后系统会自动更新相关内容,网

Webjx收集10个最常用Ajax技术的实例教程

10 Of The Very Best Ajax Tutorials Ajax不是一个新语言,它实际上是几种技术(例如 DHTML, Javascript, XML 和 JSON)的结合而成一个功能强大的新技术.Ajax破了页面重载的惯例,使用Ajax,用户可以创建接近本地桌面应用的直接.高可用.更丰富.更动态的Web用户界面. 以下介绍10个最常用Ajax技术的实例教程. jQuery实现的简单Ajax 自动关键字匹配教程 Ajax 日历 jQuery实现Ajax多文件上传表单 Raphael

052_《Delphi网络应用开发技术与实例》

<Delphi网络应用开发技术与实例> Delphi 教程 系列书籍 (052) <Delphi网络应用开发技术与实例> 网友(邦)整理 EMail: shuaihj@163.com 下载地址: Pdf 作者: 黄超 罗宏宇等 丛书名: 程序开发人员进阶与提高黑皮书 出版社:清华大学出版社 ISBN:7900641386 上架时间:2002-3-29 出版日期:2002 年3月 页码:576 版次:1-1 内容简介 2001年4月,Borland已经正式发布了Delphi 6.0,

求Java智能卡开发关键技术与实例 电子图书

问题描述 求Java智能卡开发关键技术与实例电子图书,若哪会朋友有上述资源,请发一份给我,email:hlabgood@163.com;Q:772777319,谢谢 解决方案 解决方案二:木有,建议书店买书看.解决方案三:之前在图书馆看到过.很久没去图书馆了解决方案四:我也不知道呢?解决方案五:路上解决方案六:求助中.......解决方案七:麽有滴友情帮顶!解决方案八:该回复于2011-02-10 15:14:32被版主删除

PHP技术开发微信公众平台_php实例

下面通过图文并茂的方式介绍微信公众平台开发过程,具体内容如下: 微信公众平台有两种模式:编辑模式 和 开发模式. 普通的功能可以通过编辑模式来搞定.开发模式具有更多的功能.让我们来使用开发模式开发helloword吧 步骤如下: 第一步:先注册一个公众号(https://mp.weixin.qq.com) 第二步:注册sae(http://sae.sina.com.cn/),作为你的服务器. 第三步:登录微信公众平台(https://mp.weixin.qq.com)查看开发文档并下载官方提供的