Ajax(Asynchronous JavaScript And XML):指异步javaScript及XML
不是新的编程语言,而是一种用于创建更好更快以及交互性更强的web应用程序的技术,是基于javaScript,XML ,HTML ,CSS新用法
Ajax:只刷新局部页面的技术
javaScript:更新局部的网页
XML:一般用于请求数据和响应数据的封装
XMLHttpRequest对象:发送请求到服务器并获得返回结果
CSS:美化页面样式
异步:发送请求后不等返回结果,由回调函数处理结果
javaScript中XMLHttpRequest对象是整个Ajax技术的核心,它提供了异步发送请求的能力。
构造方法:
不同浏览器,甚至相同浏览器的不同版本,获取该对象的方式是不同的。
方法:
open() “get|post” , “url?name=tom” ,“true|false"
send() 发送请求。可以带参数或者null
setRequestHeader()
属性:
readyState:类型 short ; 只读
responseText:类型 String ; 只读
responseXML:类型 Document ; 只读
事件处理器:
Onreadystatechange
常用方法:
常用属性:
onreadystatechange:指定回调函数
readyState:XmlHttpRequest的状态信息
status:HTTP的状态码
responseText:获得响应的文本内容
responseXML:获得响应的XML文档对象document
注意:就绪状态是4而且状态码是200,才可以处理服务器数据
使用Ajax验证用户名是否存在的实现步骤:
1.使用文本框的onBlur事件
2.使用Ajax技术实现异步交互
(a)创建XMLHttpRequest对象
(b)通过XMLHttpRequest对象设置请求信息
(c)向服务器发送请求
(d)创建回调函数,根据响应状态动态更新页面