Ajax简要应用说明及技术开发实例
2024-06-08 10:30:28
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 onLoad="getResult
()"><table width="80%" border="0" cellspacing="0" cellpadding="0"><tr><td
id="td"> </td></tr></table></body>
转载于:https://blog.51cto.com/sqgldsxin/265555
Ajax简要应用说明及技术开发实例相关推荐
- ASP.NET AJAX,WCF,ADO.NET Entity 开发实例
开发环境:Windows server 2008 Enterprise,Microsoft Visual Studio 2008 SP1,.NET Framework 3.5 SP1,Microsof ...
- 基于ASP.NET AJAX技术开发在线RSS阅读器（下篇）
五.逻辑层设计 (一)添加RSS频道 在展开真正的逻辑层设计之前,先让我们简单地浏览一下下面的草图4.图4展示了我对于两个重要ASP.NET AJAX客户端控件-ListView和DataSource ...
- 开发android 输入法,Android输入法开发实例解析 Android开发技术
Android输入法开发实例解析 Android开发技术 2013 年 4 月 13 日 这里我们建立表1为BiHua,同时构建两个字段,字段1为"input"来存放输入的,字段2 ...
- 数据库系统原理 - - (7、8)数据库应用设计与开发实例 + 数据管理技术的发展
感谢内容提供者:金牛区吴迪软件开发工作室 上一篇:数据库系统原理 - - (6)数据库安全与保护 文章目录 七章:数据库应用设计与开发实例 一.需求描述与分析 二.系统设计 三.系统实现 四.系统测试 ...
- iviewui前端开发实例技术指南
安装nodejs,参考 https://blog.csdn.net/yan_dk/article/details/90633166 安装nodojs环境不再细述. 开发实例1-后台系统 下载开源的后台 ...
- bk3432开发的应用实例_《Javaweb开发实例大全》限时免费啦！
Java Web,是用Java技术来解决相关web互联网领域的技术栈.web包括:web服务端和web客户端两部分.Java在客户端的应用有Java Applet,不过使用得很少,Java在服务器端的 ...
- Web基础技术开发设计规范
Web基础技术开发设计规范 概述 前端脚本语言十分灵活,每个人都有自己开发风格,并且javascript是单线程编程语言,程序的运行效率在前端开发是比较重要的,所以对前端开发人员应有更高的编程要求.而 ...
- 2019尚硅谷大数据Javaweb篇三 Ajax、JSTL、会话技术、过滤器、监听器、xml、json
2019尚硅谷大数据 Javaweb篇三Ajax.JSTL.会话技术.过滤器.监听器 tags: 大数据 2019尚学堂 categories: Ajax异步请求 JSTL中的if和forEach 会 ...
- 北风网web前端开发培训课程 web前端开发实例视频教程下载
web前端开发视频教程 Web前端开发工程师培训 零基础Web前端开发工程师高端培训配项目开发(月薪过万的最佳选择) 课程讲师:叮咚 课程分类:套餐推荐 适合人群:初级 课时数量:305课时 用到技术 ...
最新文章
- SQL Server-聚焦什么时候用OPTION(COMPILE)呢？
- 查看docker镜像的dockerfile脚本json信息
- Nginx server之Nginx作为反向代理服务器
- oracle 日志丢失,Oracle联机日志文件丢失解决方法一例
- mongo数据库和mysql数据库的区别_Mongodb与mysql数据库的区别
- HDC,CDC,CClientDC,CPaintDC,CWindowDC的区别
- Win7旗舰版系统如何设置定时关机
- 二进制转换 html,javascript 处理回传的二进制图像并显示在html上
- C++数据结构03--静态链式线性表的实现
- linux系统下虚拟机的安装
- mybatis mysql schema_学习Mybatis与mysql数据库的示例笔记
- JVM监控及诊断工具GUI篇之Arthas(二)：jvm相关指令
- 计算机辅助翻译术语PPT,计算机辅助翻译
- android adb模拟鼠标滚动,adb shell 模拟鼠标导入通讯录
- 蛋白质同源建模的十个技巧
- Android对抗反编译，非科班程序员求职经历分享
- 第九章：iOS应用的界面编辑
- 基于深度学习的中文语音识别系统框架搭建
- PRML系列：1.5 Decision Theory
- 在GitHub上搭建个人主页