通过js ajax把这些数据传输到后端
时间: 2023-09-20 11:10:04 浏览: 73
可以使用 JavaScript 中的 XMLHttpRequest 对象来发送 AJAX 请求并将数据传输到后端。以下是一个简单的示例代码:
```javascript
function getLogin() {
// 获取账号和密码输入框中的值
var account = document.getElementById("account").value;
var password = document.getElementById("password").value;
// 创建 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
// 设置请求参数和请求地址
var params = "account=" + account + "&password=" + password;
var url = "login.php";
// 设置请求方式为 POST,并且设置请求头
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
// 发送 AJAX 请求
xhr.send(params);
// 监听响应结果
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
// 响应结果处理代码
console.log(xhr.responseText);
}
}
}
```
在这个示例中,我们首先获取了账号和密码输入框中的值,然后创建了一个 XMLHttpRequest 对象,并设置了请求参数、请求地址、请求方式和请求头。最后发送 AJAX 请求,并监听响应结果。在响应结果处理代码中,我们可以对服务器返回的数据进行处理,比如在控制台输出。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)