【摘要】
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知识(一)的内容,更多资讯请及时关注考必过网站,最新消息小编会第一时间发布,大家考试加油!