什么是Ajax?
AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个网页页面。
ajax的作用?
页面无刷新操作(在页面没有刷新或者跳转的情况下可以和后台服务器进行数据交互)
表单验证(验证用户名是否存在)
谷歌地图,百度地图
瀑布流技术
.
.
.
为什么要用Ajax呢?
为了用户体验。马云大大在互联网峰会上讲的未来20-30年之内体验将是最为重要的事情之一。
ajax如何实现页面无刷新的情况下和服务器进行交互?
有个东西做XHR对象,代理浏览器向服务器请求信息和数据.
XHR对象需要学习的成员
属性
事件属性(ajax的时间流程触发的事件)
onabort: 在终止时触发的事件
onerror: 在出现错误时触发的事件
onload: 在加载时触发的事件
onloadend: 在加载结束时触发的时间
onloadstart: 在开始加载时触发的时间
onprogress: 在进程中触发的事件
onreadystatechange: 在准备状态改变时触发的事件 ☆☆☆
ontimeout: 在超时时触发的事件
状态属性
readyState: 0 发起请求过程中的状态代码
0
1
2
3
4表示成功
response: "" 响应的状态代码
responseText: "" 响应的数据字符串格式
responseType: "" 响应的数据类型
responseURL: "" 响应数据的URL
responseXML: null 响应数据的XML格式
status: 0 服务器响应的状态代码 404
200 成功
301 跳转
404 找不到文件
403 没有权限
statusText: "" 服务器响应的状态字符串
timeout: 0 超时时间
方法
abort() 强制终止ajax的请求
open() 建立一个ajax连接
send() 发送请求数据
setRequestHeader() 设置发送的头信息 在POST情况下使用