假如使用原生js进行项目开发如何获取请求应该在什么阶段获取请求请简单举例
在原生 JavaScript 项目开发中，可以使用 XMLHttpRequest 或 Fetch API 来发起网络请求。一般情况下，获取请求的逻辑应该在页面加载完成后执行，可以在 DOMContentLoaded 事件中获取请求。
以下是一个简单的示例，使用原生 JavaScript 发起一个 GET 请求，并在获取到响应后将结果显示在页面上：
<!DOCTYPE html>
<html>
<head>
<title>网络请求示例</title>
</head>
<body>
<div id="result"></div>
<script>
document.addEventListener("DOMContentLoaded", function() {
// 创建 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
// 定义请求的方法和 URL
xhr.open("GET", "https://jsonplaceholder.typicode.com/posts/1", true);
// 注册请求完成时的回调函数
xhr.onload = function() {
if (xhr.status === 200) {
// 请求成功，将响应结果显示在页面上
var response = JSON.parse(xhr.responseText);
document.getElementById("result").innerHTML = response.title;
} else {
// 请求失败
console.log("请求失败，错误码：" + xhr.status);
}
};
// 发送请求
xhr.send();
});
</script>
</body>
</html>
在上述示例中，DOMContentLoaded 事件监听器中创建了一个 XMLHttpRequest 对象，并使用 open 方法定义了一个 GET 请求，请求的 URL 是一个示例 API。然后注册了 onload 回调函数，用于处理请求完成后的逻辑。最后调用 send 方法发送请求。
当页面加载完成后，JavaScript 代码会执行，发起 GET 请求，并在获取到响应后将响应结果显示在页面上
原文地址: https://www.cveoy.top/t/topic/iE74 著作权归作者所有。请勿转载和采集!