![[前端开发] MUI框架详解-全面讲解MUI框架使用](https://www.bloglab.cn/wp-content/uploads/thumb/2018/12/fill_w372_h231_g0_mark_80e5f34e03334950b3a4cb73bf4262dd.webp)
![[MySQL] MySQL面试指南](https://www.bloglab.cn/wp-content/uploads/2018/12/1532f1414c3e23.webp)
![[Web安全] 黑客是怎样炼成的视频教程](https://www.bloglab.cn/wp-content/uploads/thumb/2018/12/fill_w372_h231_g0_mark_113cb06a91a3f5.webp)
释放双眼，带上耳机，听听看~！
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<button id="btn">点我发送ajax的post请求</button>
<script>
document.getElementById('btn').onclick = function () {
//原生js发送ajax的post请求.
//固定的步驟:
//a.创建XMLHttpRequest对象
//b.调用这个对象的open方法,设置请求方式和请求地址.
//c.设置请求头(固定的代码)
//d.设置请求成功后要执行的回调函数.
//e.调用这个对象的send方法.
//eg:
//a.创建XMLHttpRequest对象
let xhr = new XMLHttpRequest();
//b.调用这个对象的open方法,设置请求方式和请求地址.
xhr.open('post','https://autumnfish.cn/api/user/check');
//c.设置请求头(固定的代码)
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
//d.设置请求成功后要执行的回调函数.
xhr.onload = function(){
//处理响应回来的内容.
console.log(xhr.response);
}
//e.调用这个对象的send方法.
// 参数写在send方法中.
// 格式: 'key1=value1&key2=value2'
xhr.send('username=素素999');
}
</script>
</body>
</html>
内容投诉
