Ajax学习笔记(一)

前端之家收集整理的这篇文章主要介绍了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

原文链接:https://www.f2er.com/ajax/163888.html

猜你在找的Ajax相关文章