ajax 基础

一、定义

1、AJAX(AsynchronousJavaScriptandXML)异步的JavaScript和XML。
2、AJAX不是新的编程语言，而是一种使用现有标准的新方法。
3、AJAX最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数
据并更新部分网页内容。
4、AJAX可以使网页实现异步更新
5、AJAX不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。

二、原理

 1、创建实例对象 2、给浏览器输送请求方式和链接 3、发送请求 4、浏览器验证返回数据

 

三、步骤

1、创建对象

兼容性问题：

Var xmlhttp;

if(window.XMLHttpRequest){

//IE7+,Firefox,Chrome,Opera,Safari浏览器执行代码

xmlhttp=newXMLHttpRequest();

}else{

//IE6,IE5浏览器执行代码

xmlhttp=newActiveXObject("Microsoft.XMLHTTP");

}

2、告诉浏览器

链接 xml.open(‘get’,”url(请求的地址)”,true)后面的第三个参数是判断是否同步还是异步

3、发送请求

Xmlhttp.Send（）

4、后台验证并接受返回数据

Ajax状态有5种0-4  4代表Ajax请求成功

http 的请求 5种 1xx  2xx（200代表请求成功）  3xx  4xx  5xx

xmlhttp.readyState==4 (ajax请求状态)&&xmlhttp.status==200（http请求状态）

xmlhttp.onreadystatechange=function(){

if(xmlhttp.readyState==4&&xmlhttp.status==200){

console.log(xmlhttp.response)

}

}

四、扩展

Json对象 var json = {‘name’:’zs’,’age’:’18’}

json字符串 var json1 = ‘{‘name’:’zs’,’age’:’18’}’

json对象转化成json字符串JSON.stringify()

json字符串转化成json对象JSON.parse()