AJAX GET和POST

ajax中GET和POST都是后端人员进行数据传输的接口

GET：1.偏向获取的语义化；2.参数是查询字符串；3.传输内容不能过大；

POST：1.偏向提交的语义化；2.参数格式多样，但是需要特殊说明；3.理论传输内容大小上没有限制

创建GET接口请求：

var xhr=new XMLHttpRequest();
		// 2.打开一个连接
		var obj={
			page:1,
			pageSize:10
		}
		console.log(Qs.stringify(obj));
		xhr.open('get','这里是自己的数据库哦'+"?"+Qs.stringify(obj));
		// 3.发送请求
		xhr.send();
		// 4.接收响应
		xhr.onreadystatechange=function(){
			if(xhr.readyState===4&&xhr.status===200){
				console.log(xhr.responseText);
			}
		}

创建POST请求

	function login1() {
			// 登录请求 token post 后台需要数据 json
			// 1.创建一个实例对象
			var xhr = new XMLHttpRequest();
			// 2.打开一个连接
			// 需要传递json 
			var obj={
				username:"admin1",
				password:123321
			};
			xhr.open('post', '这里是自己的地址');
			// 设置请求头
			xhr.setRequestHeader('Content-Type','application/json');
			// 3.发送请求
			// 二、给后端发送json数据
			xhr.send(JSON.stringify(obj));
			// 4.接收响应
			xhr.onreadystatechange = function () {
				if (xhr.readyState === 4 && xhr.status === 200) {
					// console.log(xhr.responseText);//json格式数据 
					var res=JSON.parse(xhr.responseText);
					console.log(res);//{data:{token:""}}
					// setItem 会话存储方法 参数:属性名 属性值
					sessionStorage.setItem('token',res.data.token)
				}
			}
		}