1、什么是ajax:
AJAX全称为“Asynchronous JavaScript and XML”
AJAX = 异步 JavaScript 和 XML。
使用XMLHttpRequest对象与Web服务器进行异步数据通信;
使用JavaScript绑定和处理所有数据。
AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
2、ajax的原理:
Ajax的工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎),使用户操作与服务器响应异步化,
Ajax的原理简单来说通过XMLHttpRequest对象来向服务器发送异步请求,从服务器获得数据,然后用javascript来操作DOM而更新页面。
3、ajax的核心:
Ajax其核心由 JavaScript、XMLHTTPRequest、DOM对象 组成
4、ajax的优缺点:
优点: 1、无刷新更新数据。
2、异步与服务器通信。
3、前端和后端负载平衡
4、界面与应用的分离
缺点: 1、无法后退
2、AJAX的安全问题
3、AJAX不能很好支持移动设备。
5、 对象:
new XMLHttpRequest // 是对于现代浏览使用的
new ActiveXObject("Microsoft.XMLHTTP") // 是对IE5\6这两个版本使用的
6、处理兼容可以采用:
var xhr;
if(window.XMLHttpRequest){
xhr=new XMLHttpRequest();
}else if(window.ActiveXObject){
xhr=new ActiveXObject("Microsoft.XMLHTTP");
}else{
alert("更换浏览器");
}
7、方法:
xhr.open(method,url,async)与服务器进行连接
method:请求方式 get post
url:请求服务器上文件的路径,
async: true(异步) false(同步)
send() 发送请求
如果是get方式, 参数放一个null
如果是post方式, 参数要放 请求的时候携带的数据
8、属性:
1、responseText 服务器返回的数据(字符串形式)
responseXML 服务器返回的数据(XML格式)
2、onreadystatechange 当XMLHttpRequest的状态被改变时,会触发这个事件
3、readystate 这个参数表示的就是XMLHttpRequest的状态
(0 1 2 3 4)
readyState== 0 //尚未加载
readyState== 1 //正在加载
readyState== 2 //加载完毕
readyState== 3 //正在处理
readyState== 4 //处理完毕
4、status 服务器的状态
例如 200 404
9、post 与 get 的区别
1. POST是发送数据,GET是接受数据;
2. POST发送数据的安全性较好,而GET较差;
3. POST发送数据不限制大小,而GET大小受限2~100k。
10、写ajax的步骤:
1,必须new 一个 XMLHttpRequest 这么个对象
2,与服务器进行连接 open()
3,发送请求 send()
4,监听状态有无改变 onreadystatechange
5,判断状态码