ajax考法,Ajax知识（一）

【摘要】

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