ajax

一、ajax概念：

ajax:Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML）,2005

ajax: js,dom,xml，异步请求，局部刷新技术，提高加载性能，提高用户体验

ajax主要用于：实现 前端与后端数据交互

异步与同步

异步使用场景：ajax,定时器，事件处理函数

实现 ajax：

1.各种类库和框架实现

jquery实现：

        $.ajax({data:{},dataType:"jsonp"})

      $.getJSON() 

     $.load() 

     $.get()

      $.post()

  angular:HttpMudle

  vue:  vue-reousce,axios

      vue-resource：支持jsonp

    vue-resource实现jsonp具体：

前端：

this.$http.jsonp('要请求的后端接口')

        .then(res=>{

            console.log(res);

            if(res.status==200&& res.ok) {

                this.list=res.body; 

             }  

        })  

      .catch(error=>{

                console.log('hello,error'); 

               }) 

       } 

后端jsonp处理：

  第一步：后端接收callback 

 例如： $callback=$_GET['callback'];

第二步：如果用jsonp方式，返回数据，应该返回函数调用形式，函数调用内部的参数就是你要的json 

例如：  echo $callback."(".$json.")";

      axios:不支持json

获取元素：

querySelector() 只获取匹配第一个dom元素    兼容：IE8+

querySelectorAll（）  获取匹配的一个dom列表  兼容：IE8+

清除ajax缓存：在url地址后面添加随机数  例如：?random=new Date().getTime()