AJAX发布到RESTful服务
我有一个登录表单,我希望将输入值发布到RESTful web服务,然后凭据正确,我显示元素并隐藏表单,但如果它们不正确,则会显示错误消息 我想通过AJAX实现这一点,但我遇到了一个绊脚石,因为我返回的只是一个内部未定义的警报框。任何帮助都将不胜感激AJAX发布到RESTful服务,ajax,rest,Ajax,Rest,我有一个登录表单,我希望将输入值发布到RESTful web服务,然后凭据正确,我显示元素并隐藏表单,但如果它们不正确,则会显示错误消息 我想通过AJAX实现这一点,但我遇到了一个绊脚石,因为我返回的只是一个内部未定义的警报框。任何帮助都将不胜感激 <div class="cp_LoginPanel fade-in form"> <div class="in"> <h1>Login</h1>
<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)
}
});
});
});
登录
抱歉,您的凭据似乎不正确
用户名
密码
$(文档).ready(函数(){
var username=$(“#username”).val();
var password=$(“#password”).val();
$(“#提交”)。单击(函数(){
$.ajax({
键入:“POST”,
url:“此处服务”,
数据类型:JSON,
数据:{
“用户名”:用户名,
“密码”:密码
},
成功:功能(数据){
警惕(“成功”);
},
错误:函数(e){
警报(e.Message)
}
});
});
});
这并不是你问题的答案。但是我猜你得到了错误,因此尝试使用正确的错误参数来获得更多关于错误的信息
如果请求失败,则调用error函数。此函数接收3个参数
- jqXHR对象
- 描述发生的错误类型的字符串
- 可选的异常对象(如果发生)
error: function(jqXHR, textStatus, errorThrown) {
console.log('What is my error ' + textStatus);
console.log('Is an exception thrown ?? ' + errorThrown)
}
希望您获得有关错误的更多信息:)
附言。
你也可以看看这个问题的答案。这和你的问题是一样的:)
您的问题是什么?请在您的问题中添加有关您看到的错误或此请求到底出了什么问题的详细信息。我正在查找“错误”或“成功”消息,但现在返回的所有消息都未定义。是否显示警报或您将未定义的消息返回到何处?请编辑您的问题,并提供有关您正面临的问题的详细信息。我已编辑了该问题,目前我收到了一个包含未定义的警报。请将
警报(e.Message)
更改为控制台。日志(e)
(确保运行控制台时您正在观看)。看起来你遇到了一个错误,但是你没有正确地访问消息。太好了!我现在收到的错误是“请求的资源上不存在“Access Control Allow Origin”头。因此不允许访问源“null”。很高兴我能帮助您。如果答案解决了您的问题,请随意标记:)