标签：异步 请求 08 js 发送 xhr ajax
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
// 发送一个ajax请求
// a async 异步
// j JavaScript
// a and
// x xml 一种语言 用来传输内容的
// ajax是异步的xml和js的交互手段
// 发送ajax的请求的步骤
// 1 创建一个ajax对象
// new XMLHttpRequest()
// 实例化一个构造函数，得到一个对象
// 这个对象就能帮我发送ajax请求
// 2 配置请求信息
// 你要用什么方式进行请求 get还是post还是别的
// 你要请求哪一个url地址？你要请求的后端服务器地址
// 你想发送一个同步请求还是异步请求？默认是异步
// ajax对象.open(请求方式，请求地址，是否异步)
// 注意：请求方式不分大小写
// 是否异步可以不写，默认异步
// 3 把这个请求发送出去
// 语法：ajax对象.send()
// 表示把这个配置好的请求发送出去
// 4 接受后端响应
// 因为现在是js和后端交互，而不是浏览器和后端交互
// 所以后端返回的响应资源给了js
// 我们用一个事件来接受后端返回的资源
// ajax对象.onload = function(){}
console.log('js 开始')
// 1 创建一个ajax对象
let xhr = new XMLHttpRequest()
// 2 配置请求信息
// 以get的请求方式，请求地址http://localhost:8888/test/first
xhr.open('get', 'http://localhost:8888/test/first')
// xhr.open('get', 'http://127.0.0.1:8888/test/first')
// 我们自己的域名本机就是localhost 也可以写成自己的ip 127.0.0.1
// 3 发送请求
xhr.send()
// 4 接受响应
xhr.onload = function () {
// 在当前这个ajax请求完成的时候触发
console.log(xhr)
console.log(xhr.response)
}
console.log('js 结束')
</script>
</body>
</html>
标签：异步,
请求,
08,
js,
发送,
xhr,
ajax
From： https://blog.csdn.net/m0_64904350/article/details/140577360