ajax的概念以及使用

1、什么是ajax

ajax是异步的JavaScript和xml

2、使用场景?

①局部刷新  ②表单验证  ③无刷新动态获取数据

3、优点

①效率高,用户体验好  ②无刷新动态获取数据

4、请求数据流程

①创建ajax对象 

var xhr = new XMLHttpRequest()|| new ActiveXObject(“Microsoft,XMLHttp”);

后边的new ActiveObject 是用来兼容ie

②打开地址 

xhr.open()      打开分为get和post两种方式

如果是get方式  xhr.open("get",url地址,布尔值) 此布尔值默认false(false是异步,true是同步)

如果是post方式,      xhr.setRequestHeader()称为响应头,且必须设置     xhr.open("post",url地址,布尔值)

③发送请求到服务器

xhr.send()  get  send不传值   post  send需要写值,请求的数据

④等待数据监听状态

xhr.onreadystateChange = function(){

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

    xhr.reponseText;(获取数据)

  }

}

posted @ 2018-08-28 16:01  lxyluck  阅读(112)  评论(0编辑  收藏  举报