Ajax 学习随笔

1.首先创建一个ajax对象   new XMLHttpRequest

   注:ie6:new ActiveXObject('Microsoft.XMLHTTP')

2.通过建好的ajax对象下属性和方法来完成数据交互工作,open('交互方式get/post' , '文件的url地址' , '是否异步true/false');

 注: 是否异步默认值为true 。

   false 表示同步,如果同步,在send步骤会导致堵塞。如果同步,事件的监听要在事件触发之前去做。

3. 发送 send

4.事件监听。

 onreadystatechange: 当状态值发生改变的时候触发事件

   readyState: ajax工作状态,数字类型0-4 

   responseText : 保存的是服务器返回过来的内容。ajax会把服务器返回过来的数据解析成字符串存到responseText下面

   status :  返回的服务器状态,比如404 , 200

------------------------------------------------------------------------------------------------------------------------------------------

get 传输: 1.浏览器会有缓存,在url后面加随机数

      2.特殊内容需要进行编码传输,比如中文encodeURI('中文')

post 传输:1.要发送的数据放在send()方法中,作为他参数  xhr.send('username=aa&age=11');

       2.通过发送请求头信息,处理表单中的数据url编码  xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

--------------------------------------------------------------------------------------------------------------------------------------------

后端返回的数据是JSON 或者 数组的字符串,因为responseText获取到内容都会是字符串,所以通过以下方法改变数据格式

var data = JSON.parse(xhr.responseText);

原文地址:https://www.cnblogs.com/vivijs/p/3446371.html