Ajax学习笔记(一)

前端之家收集整理的这篇文章主要介绍了Ajax学习笔记(一)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

一、什么是Ajax@H_404_4@

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

AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。@H_404_4@@H_404_4@

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

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

@H_404_4@Ajax浏览器支持:@H_404_4@

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

@H_404_4@Ajax原理@H_404_4@


@H_404_4@

@H_404_4@@H_404_4@

二、Ajax使用@H_404_4@

@H_404_4@XmlHttp属性:@H_404_4@@H_404_4@

@H_404_4@@H_404_4@

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

@H_404_4@readyState 属性可能的值

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

XmlHttp方法
@H_404_4@
@H_404_4@@H_404_4@

@H_404_4@@H_404_4@

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

三、Ajax示例@H_404_4@@H_404_4@

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

@H_404_4@1.注册页面 reg.jsp

@H_404_4@

@H_404_4@2.后台业务控制器ControllerTest.java
@H_404_4@3.配置文件 web.xml

@H_404_4@运行结果截图
@H_404_4@



@H_404_4@

四、后记@H_404_4@

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

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

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

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

猜你在找的Ajax相关文章