ajax

4.2 ajax

ajax, -般中文称之为: "阿贾克斯"，是英文"Async Javascript And Xml"的简写,译作:异步is和xml数据传输数据。
ajax的作用: ajax可以让js代替浏览器向后端程序发送http请求,与后端通信，在用户不知道的情况下操作数据和
信息，从而实现页面局部刷新数据/无刷新更新数据。
所以开发中ajax是很常用的技术，主要用于操作后端提供的数据接口，从而实现网站的前后端分离。
ajax技术的原理是实例化js的XMLHttpRequest对象,使用此对象提供的内置方法就可以与后端进行数据通信。

axios:

axios提供发送请求的常用方法有两个: axios.get() 和axios.post()。
增post
删delete  用法同axios.get()方法
改put修改整个数据的所有字段/patch修改数据的单个字段   用法同axios.post()方法
查get

//发送get请求
//参数1:必填,字符串,请求的数据接口的url地址,例如请求地址: http://www.baidu.com?id=200
//参数2:可选,json对象,要提供给数据接口的参数
//参数3:可选,json对象,请求头信息
axios.get('服务器的资源地址',{
    params:{ // get参数
        参数名: '参数值',// id: 200,
    },
    header:{ // 请求头信息
        cookie:'',
        }).then(function(response){ //请求成功以后的回调函数
            console.1og("请求成功");
            console.1og(response.data); //获取服务端提供的数据
        }).catch(function(error) { // 请求失败以后的回调函数[如果then里面代码有错误,也会执行这里的代码]
            console.1og("请求失败");
            console.1og(error.response); // 获取错误信息
        });

    //发送post请求, 参数和使用和axios.get()一样。
    //参数1:必填,字符串,请求的数据接口的ur 1地址
    //参数2: 必填,json对象, 要提供给数据接口的参数,如果没有参数,则必须使用{}
    //参数3:可选,json对象,请求头信息
    axios.post('服务器的资源地址' ,{
        username: 'xiaoming',
        password: '123456'
    },{
        responseData:"json",
    }).then(function (response) { //请求成功以后的回调函数
        console. log(response);
    });