【摘要】 Ajax知识（一）考必过小编为大家整理了关于Ajax知识（一）的信息，希望可以帮助到大家！
Ajax知识（一）
标签：http active post 接收 OLE pre 发送 end 状态
1、什么是ajax？
AJAX：异步的JavaScript和XML。
优点：不重新加载整个页面，但可以与服务器交换数据并更新部分网页内容。
2、AJAX的原理
浏览器发生事件创建XMLHttpRequest对象，发送HttpRequest-----服务器处理HttpRequest创建响应，并将数据返回到浏览器-----使用js处理数据，更新页面。
3、AJAX的整体步骤
1、创建对象
var xmlhttp;
if(window.XMLHttpRequest){
// 标准浏览器或者是ie7+
xmlhttp = new XMLHttpRequest();
}else{
xmlhttp = new ActiveXObject(‘Microsoft.XMLHTTP‘);
}
xmlhttp.open(‘get‘,‘http://yapi.shangyuninfo.com/mock/156/bookType‘);
xmlhttp.send();
xmlhttp.onreadystatechange = function (res) {
// ajax 的状态码 有5种 0-4 readyState
// http的请求 5种 1xx 2xx 3xx 4xx 5xx
if(xmlhttp.readyState == 4 && xmlhttp.status ==200){
console.log(res.currentTarget.response)
var result = JSON.parse(res.currentTarget.response);
console.log(result.book[0].typeList)
}
}
4、ajax的状态码 5种 各代表的意思
0 请求初始化
1 服务器链接建立
2 请求已接收
3 请求处理中
4 请求已完成
5、json对象和字符串的转换
JSON字符串转换成对象
JSON.parse();
JSON对象转换成字符串、
JSON.Stringify()
6、post和get的区别
1、get的请求比post快
2、get的安全性不如post
3、get的参数在query中，post的参数一般在content中，但也可以在query中
4、get传递的数据较小，如果要传递大量数据的话用post
5、从服务器端获取数据，不做增删改查用get；向服务器端提交数据，做增删改查处理用post。Ajax知识（一）
标签：http active post 接收 OLE pre 发送 end 状态
以上就是Ajax知识（一）的内容，更多资讯请及时关注考必过网站，最新消息小编会第一时间发布，大家考试加油！