我想用HTML和Java（也许还有JSON）创建一个简单的登录表单。因此，我有一个登录表单，其中包含带有以下id-s的几个输入字段：txtUsername，txtPasswd，btnLogin。单击按钮（btnLogin）之后，我想将数据发送到servlet，并只获取user-passwd组合上的true / false值加深部分。我可以编写这种形式的HTML代码以及服务器端代码，但是我不知道如何在不刷新页面的情况下发送和接收数据。
这是我的前端代码：
<script>
function login(){
var user=document.getElementById("txtUsername");
var passwd=document.getElementById("txtPasswd");
//???
}
</script>
Username: <input type="text" id="txtUsername"/> <br/>
Password: <input type="password" id="txtPasswd"/> <br/>
<input type="button" value="Login" id="btnLogin" onclick="login()"/>
您必须使用AJAX请求。做到这一点的一种方法是在login按钮上连接事件处理程序（如onclick），该按钮调用JS函数以使用Ajax请求（XmlHttpRequest），就像您已经开始一样。
您可以在香草中完成此操作Javascript，但使用像这样的库会更容易jQuery。代码看起来像这样（带有jQuery，请注意'$'）：
function login() {
$.ajax({
type: 'POST',
url: url, //Url of login endpoint
data: DATA, //Now here you would want to send a payload i.e. your username and password data
dataType: 'json',
contentType: 'application/.json',
success: function(data) {
//HERE 'data' would represent your true or false that came back from the server.
//You can do stuff here with the response
},
error: function(jqXHR, textStatus, errorThrown) {
//IF ERROR then this code would be executed.
}
});
}
希望这给您一个起点！
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句