Ajax编程基础

一、Ajax运行环境

1. Ajax需要运行在网站环境中才有效，不能直接双击html文件运行。

二、Ajax实现步骤

1. 创建Ajax对象

   var xhr = new XMLHttpRequest();

2. 告诉Ajax请求地址和参数

   xhr.open('get',''http://www.example.com');

3. 发送请求

   xhr.send();

4. 获取服务器端给客户端的响应数据

   xhr.onload = function(){

   console.log(xhr.responseText);

   }

三、服务器端响应的数据格式

1. 在http请求与响应过程中，无论是请求参数还是相应内容，如果是对象类型，都会转换成String。
2. JSON.parse() 将json字符串转换成json对象。
3. JSON.stringify()将json对象转换成json字符串
4. 请求参数传递：
   • get请求：将参数拼接在请求url后面
   • post请求：将参数(必须是字符串格式)放在send()里面，另外还必须设置请求参数的格式的类型：application/x-www-form-urlencode
5. 请求参数格式
   • application/x-www-form-urlencode：name=zhangsan&age=20
   • application/json：{name:‘zhangsan’,age:‘20’}

四、获取服务端的响应

1. Ajax状态码：xhr.readyState //获取状态码

   

• 监听Ajax状态码：xhr.onreadystatechange

2. 两种方式获取服务器端的响应
   

五、Ajax错误处理

1. 获取http状态码：xhr.status

2. 低版本IE浏览器的缓存问题解决方法：加一个随机数作为参数，以确保请求的url更上一次不一样。