我有一个登录表单,我希望将输入值发布到RESTful Web服务,然后凭据是正确的我显示元素并隐藏表单但如果它们不正确则会出现错误消息。
我想通过AJAX这样做,但我正在遇到一个绊脚石,因为我要回来的是一个内部未定义的警报框。任何帮助将不胜感激。
<div class="cp_LoginPanel fade-in form">
<div class="in">
<h1>Login</h1>
<form name="login-form" id="login-form" method="post">
<label id="error">Sorry it seems your credentials are incorrect</label>
<div class="inputBlock">
<label for="username">Username</label>
<input type="text" id="username" />
</div>
<div class="inputBlock">
<label for="password">Password</label>
<input type="password" id="password" />
</div>
<input type="submit" value="Login" id="submit" />
</form>
</div>
</div>
$(document).ready(function () {
var username = $("#username").val();
var password = $("#password").val();
$("#submit").click(function () {
$.ajax({
type: 'POST',
url: "Service Here",
dataType: JSON,
data: {
"username": username,
"password": password
},
success: function (data) {
alert("success");
},
error: function (e) {
alert(e.Message)
}
});
});
});
答案 0 :(得分:0)
这不是您问题的答案。但我猜你得到了错误,因此尝试使用正确的错误参数来获取有关错误的更多信息。
如果请求失败,则调用错误函数。该功能接收3个参数。
尝试使用以下代码以正确的方式打印错误。请看下面的例子:
error: function(jqXHR, textStatus, errorThrown) {
console.log('What is my error ' + textStatus);
console.log('Is an exception thrown ?? ' + errorThrown)
}
希望您能获得有关错误的更多信息:)
PS。 你也可以看一下这个问题的答案。与你的问题完全相同的问题:) jQuery Ajax - how to get response data in error