<div id="page_login"> <div class="loginContainer"> <div style="font-size: 36px;margin-bottom: 20px;text-align: center;font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;"> Login</div> <input type="text" name="account" id="account" placeholder="account"> <input type="password" name="password" id="password" placeholder="password"> <button id="loginButton" onclick="getLogin()">login</button> </div> </div>在js文件中用ajax提交
时间: 2023-07-03 18:27:58 浏览: 83
好的,您可以使用以下代码在JavaScript文件中使用Ajax提交这个登录表单:
```
function getLogin() {
// 获取表单输入的账号和密码
var account = document.getElementById("account").value;
var password = document.getElementById("password").value;
// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 设置POST请求的目标URL
var url = "your-login-url";
// 设置请求头信息
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
// 设置响应处理函数
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
// 处理响应数据
var response = xhr.responseText;
console.log(response);
}
};
// 发送POST请求
xhr.open("POST", url, true);
xhr.send("account=" + account + "&password=" + password);
}
```
在上面的代码中,您需要将`your-login-url`替换为实际的登录URL。另外,这个示例代码是使用纯JavaScript来实现Ajax请求的,如果您使用jQuery等库,则使用方法会有所不同。
阅读全文