技术笔记：使用ajax实现登录的时候，就算执行成功了也一直在执行error,没有执行success

最新推荐文章于 2022-04-26 00:27:18 发布

原创最新推荐文章于 2022-04-26 00:27:18 发布 · 275 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

javascript 专栏收录该内容

2 篇文章

订阅专栏

本文探讨了在使用Ajax进行登录操作时，即使登录成功也会触发错误回调的问题，并提供了通过调整dataType参数为'text'来解决该问题的有效方案。

需求：

JS：使用ajax实现登录的时候，就算执行成功了也一直在执行error,没有执行success

没有修改前的代码如下：

$("#login").click(function(){
			$.ajax({
				type:"post",
				dateType:"json",
				url:"servlet/LoginAction?method=personlogin",
				data:{"loginname":$("#loginname").val(),"password":$("#password").val()},
				success:function(data)
				{
					alert("登录成功");
				},
				error:function(data)
				{
					alert("登录失败！");
				}
			});
		});json",
				url:"servlet/LoginAction?method=personlogin",
				data:{"loginname":$("#loginname").val(),"password":$("#password").val()},
				success:function(data)
				{
					alert("登录成功");
				},
				error:function(data)
				{
					alert("登录失败！");
				}
			});
		});

问题搞定后的代码如下：

$("#login").click(function(){
$.ajax({
type:"post",
dateType:"text",
url:"servlet/LoginAction?method=personlogin",
data:{"loginname":$("#loginname").val(),"password":$("#password").val()},
success:function(data)
{
alert("登录成功");
},
error:function(data)
{
alert("登录失败！");
}
});
});

出现了这种情况的原因就是因为datatype设置的原因。