手写GET请求

• 手写GET请求

 const xhr = new XMLHttpRequest();//新建实例
 xhr.open ( 'GET', './data/test.json', true);//true是异步请求
 xhr.onreadystatechange = function (){
    
    
	if( xhr.readyState === 4){
    
      //响应内容解析完成,可在客户端调用
		if( xhr.status === 200){
    
     //加载成功
			alert( xhr.responseText);
			}else {
    
    
			console.log('其他情况');
			}
		}
}
xhr.send(null);//GET请求不用发数据 所以发空

• 手写POST请求

const xhr = new XMLHttpRequest();//新建实例
xhr.open ( 'POST', './login', true);//true是异步请求
xhr.onreadystatechange = function (){
    
    
   if( xhr.readyState === 4){
    
      //响应内容解析完成,可在客户端调用
   	if( xhr.status === 200){
    
     //加载成功
   		alert( xhr.responseText);
   		}else {
    
    
   		console.log('其他情况');
   		}
   	}
}
//POST要发送数据,所以这里要改了!
const postData = {
    
    
   userName = ' ZhangSan ',
   password = ' XXX '
}
xhr.send(JSON.stringfy(postData));//把JSON转为字符串