(post)/ (get) 方式的区别:
- 携带参数的地方不同
- post需要ajax中setRequestHeader() 来设置请求头格式
get方式
btn.addEventListener('click'function{
//创建ajax对象
//通过XML 发送http 这个请求
let xhr = new XMLHttpRequest();
//设置请求 参数1: 请求方式 请求地址 get方式携带的参数
xhr.open ('get','http://localhost:8888/test/fourth?name=张三&age=18');
//发送请求
xhr.send ();
//返回结果
xhr.onload(){console.log( xhr )}
})
post方式
btn.addEventListener('click'function{
//创建ajax对象
//通过XML 发送http 这个请求
let xhr = newXMLHttpRequest();
//设置请求 参数1: 请求方式 请求地址
xhr.open ('post','http://localhost:8888/test/fourth');
//使用 ajax对象中的 setRequestHeader() 来设定 请求头格式
xhr.setRequestHeader ('Content-Type','application/x-www-form-urlencoded' )
//发送请求 post里面的参数写在send里面
xhr.send ('name=张十三&age=18');
//返回相应结果
xhr.onload(){console.log( xhr );
//如果响应体的格式是JSON字符串,还原为对应的字符结构
console.log(JSON.parse(xhr.response));
}
})
readyState : 存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。