在前端使用 JavaScript 发起登录请求时, 可以使用 XMLHttpRequest 或 fetch API 向后端发送请求.
示例代码如下:
// 使用 XMLHttpRequest 发起请求
var xhr = new XMLHttpRequest();
xhr.open("POST", "https://example.com/login", true);
xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
console.log(response);
}
};
xhr.send(JSON.stringify({username: "example", password: "123456"}));
// 使用 fetch API 发起请求
fetch("https://example.com/login", {
method: "POST",
headers: {
"Content-Type": "application/json;charset=UTF-8"
},
body: JSON.stringify({username: "example", password: "123456"})
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
请求中的 body 部分, 可以将用户名和密码等信息以 JSON 格式传输给后端. 后端可以使用相应的框架(如 Express)解析请求体中的数据,并进行验证和响应给前端.