Axios

1.目的：简化Ajax原生开发方式

原生Ajax发送和接收请求都有模板化固定代码，因此引入Axios进行封装简化开发

2.使用

（1）引入Axios的js文件（js文件置于webapp目录下）

（2）

a.参数为js自定义对象---代码更清晰易懂

<script src="js/axios-0.18.0.js"></script>
<script>
//js自定义对象
//get方式
axios({
        method: "get",
        url: "http://localhost:8080/WebLast/axiosServlet?username=zhangsan"
    }).then(function (resp) {
        alert(resp.data);
    })

//post方式
 axios({
        method: "post",
        url: "http://localhost:8080/WebLast/axiosServlet",
        data:"username=fengdongnan"
    }).then(function (resp) {
        alert(resp.data);
    })

</script>

b.请求方式的别名---更简洁

<script src="js/axios-0.18.0.js"></script>
<script>

//起别名的方式
axios.post("http://localhost:8080/WebLast/axiosServlet","username=yanxin").
then(function (resp) {
        alert(resp.data);
    })
</script>

3.注

js自定义对象的格式：大括号内逗号相隔