Ajax学习笔记（一）

发布时间：2020-12-16 02:09:01 所属栏目：百科来源：网络整理

导读：一、什么是 Ajax 百度了一下什么是ajax 大致是这么说的。 AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。 a jax的作用：通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新

一、什么是Ajax

百度了一下什么是ajax 大致是这么说的。

AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。

ajax的作用：通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

Ajax 的核心是 JavaScript 对象 XmlHttpRequest。该对象在 Internet Explorer 5 中首次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequest 使您可以使用 JavaScript 向服务器提出请求并处理响应，而不阻塞用户。

Ajax浏览器支持:

AJAX 的要点是 XMLHttpRequest 对象。不同的浏览器创建 XMLHttpRequest 对象的方法是有差异的。IE 浏览器使用 ActiveXObject，而其他的浏览器使用名为 XMLHttpRequest 的 JavaScript 内建对象。

Ajax原理

二、Ajax使用

XmlHttp属性:

onreadystatechange	指定当readyState属性改变时事件处理句柄.
readyState	返回当前请求的状态
responseText	存储从服务器返回的数据。
responseXML	将响应信息格式化为XML document对象并返回
status	返回当前请求的http状态码

readyState 属性可能的值

状态	描述
0	请求未初始化（在调用 open() 之前）
1	请求已提出（调用 send() 之前）
2	请求已发送（这里通常可以从响应得到内容头部）
3	请求处理中（响应中通常有部分数据可用，但是服务器还没有完成响应）
4	请求已完成（可以访问服务器响应并使用它）

XmlHttp方法

abort	取消当前请求
open	创建一个新的http请求，并指定此请求的方法、URL、以及验证信息
send	发送请求到HTTP服务器并接收响应
setRequestHeader	单独指定请求的某个http头（post方式时使用）

三、Ajax示例

写了例子来演示ajax，用Tomcat6.0作为服务器，Servlet作为业务控制器。该例子模拟注册时输入的用户名验证提示功能。

1.注册页面 reg.jsp

2.后台业务控制器ControllerTest.java

3.配置文件 web.xml

运行结果截图

四、后记

用Ajax方式要自己编写协议信息比较麻烦。

由于例子采用了get请求方式所以会出现中文乱码问题。

关于同步和异步的可以参考这篇博客，他写的很好。

http://blog.csdn.net/morethinkmoretry/article/details/5791258

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!