$(document).ready(function () { $("#btn-login").click(function () { $.ajax({ method: 'post', url: "/api/login", data: JSON.stringify({ account: $("#account").val(), password: $("#password").val() }), dataType: 'json', headers: { "content-Type": "application/json" }, timeout: 50000, success: function (result) { console.log('ret', result) if (result.code === 0) { // 登录成功 window.location.href = "/home" } else { alert(result.msg || result.error) } } }); }); }); 解释代码
时间: 2024-01-18 20:02:55 浏览: 23
这段代码使用了jQuery中的`$(document).ready()`方法,在页面加载完成后执行相关操作。具体来说,代码为:
```javascript
$(document).ready(function () { //文档加载完成后执行
$("#btn-login").click(function () { //给id为btn-login的元素添加点击事件处理函数
$.ajax({ //使用jQuery的ajax方法发送HTTP请求
method: 'post', //指定请求方法为POST
url: "/api/login", //指定请求URL为/api/login
data: JSON.stringify({ //将account和password两个参数封装为JSON格式的字符串
account: $("#account").val(),
password: $("#password").val()
}),
dataType: 'json', //指定响应数据的类型为JSON格式
headers: { //指定请求头中的content-Type为application/json
"content-Type": "application/json"
},
timeout: 50000, //设置请求超时时间
success: function (result) { //处理请求成功的响应
console.log('ret', result) //将响应结果打印到控制台
if (result.code === 0) { //如果响应中的code为0,表示登录成功
// 登录成功,跳转到/home页面
window.location.href = "/home"
} else { //否则,弹出错误提示
alert(result.msg || result.error)
}
}
});
});
});
```
具体来说,这段代码实现了一个用户登录的功能,当用户点击页面上的“登录”按钮时,会发送一个POST请求到服务器的`/api/login`接口,并将用户输入的账号和密码封装为JSON格式的字符串。服务器返回的响应数据类型为JSON格式,其中包含一个`code`字段表示请求的状态,如果为0表示登录成功,否则表示登录失败,同时响应数据还可能包含一个`msg`或`error`字段,表示错误提示信息。如果登录成功,则会跳转到`/home`页面,否则会弹出错误提示框。