Axios

Axios

Axios是Ajax的一个框架，简化Ajax操作

Axios执行Ajax操作的步骤：

1、添加并引入axios的js文件
2-1、客户端向服务器端异步发送普通参数值
	-基本格式：axios().then().catch()
	-示例：
	axios({
            method:"POST",
            url:"axios01.do",
            params:{
            uname:vue.uname,
            pwd:vue.pwd
       }
   })
    .then(function (value){ //成功时响应执行的回调
    	//value.data可以获取到服务器响应内容
    	console.log(value);
   })
	.catch(function (reason){//有异常时执行的回调
		//reason.response.data可以获取到响应的内容
		//reason.message/reason.stack可以获取到错误的信息
		console.log(reason);
   });
 
2-2、客户端向服务器发送JSON格式的数据
	JSON是一种数据格式
	XML也是一种数据格式
	XML格式：表示两个学生信息
	<students>
		<student sid="s001">
			<sname>lxg</sname>
			<age>18</age>
		</student>
		<student sid="s002">
			<sname>zs</sname>
			<age>19</age>
		</student>
	</students>
	
	而JSON格式如下：
	[{sid:"s001",sname:"lxg",age:18},{sid:"s002",sname:"zs",age:19}]
	JSON表达数据更简洁，更能节约网络带宽
	
	客户端发送JSON格式的数据给服务器端
	1、客户端中params需要修改成：data：
	2、服务器获取参数值不再是req.getParameter()
	变成：
	StringBuffer stringBuffer = new StringBuffer("");
        BufferedReader bufferedReader = req.getReader();
        String str = null;
        while((str=bufferedReader.readLine())!=null){
            stringBuffer.append(str);
        }
        str =stringBuffer.toString();
        System.out.println(str);
        
     3、我们会发送str的内容如下：
		{"uname":"lin","pwd":"ok"}
	
	服务器端给客户端响应json格式的字符串，然后客户端需要将字符串转化成json Object
	

第十二章 Axios Ajax | 代码重工 (gitee.io)