三种常用的ajax（原生ajax，jQuery，axios）的使用方法

---

前言

ajax是开发中必不可少的，虽然我们一般使用封装好的ajax，但是也需要对各种基础ajax有一些了解

一、原生ajax

1.get请求方式

 		let qs = Qs;
 		// 要传递的数据
		let data={
   
			id:1,
			name:'zhangsan'
		}
 		//创建对象
        let xhr = new XMLHttpRequest();
        //打开url连接
        xhr.open('get', 'http://127.0.0.1/manager/category/findAllCategory?' + qs.stringify({
    id: 1 }));	
        //发起请求
        xhr.send();
        //接受响应
        xhr.onreadystatechange = function () {
   
            if (xhr.readyState === 4 && xhr.status === 200) {
   
                console.log('结果: ' + xhr.responseText);
            }
            if (xhr.readyState === 4 && xhrt.status === 500) {
   
                console.log('错误：' + xhr.responseText);
            }
        }

get方法的数据以表单数据的形式拼接在url上。需要使用到qs，qs可以用cdn资源

<script src="https://cdn.bootcdn.net/ajax/libs/qs/6.9.4/qs.js"></script>

2.post方法

post方法有两种数据格式：JSON和表单。

1.JSON数据

		// 要传递的数据
		let data={
   
			id:1,
			name:'zhangsan'
		}
		//创建对象
        let xhr = new XMLHttpRequest();