jquery 的ajax请求之都是 dataType 缺失惹的祸

最新推荐文章于 2023-04-14 11:47:32 发布

weixin_33912638

最新推荐文章于 2023-04-14 11:47:32 发布

阅读量232

点赞数

文章标签： javascript json python ViewUI

原文链接：https://my.oschina.net/jamescasta/blog/650931

版权

2019独角兽企业重金招聘Python工程师标准>>>

事情的起因：做一个简单的权限登录界面，涉及到通过页面发送异步1请求来校验验证码的功能：

$.ajax({
			type : "post",
			url : "./login.do",
			data : {
				
				account : account,
				passWord : passWord,
				code : code
			},
			//请求成功后的回调函数有两个参数
			success : function(data, textStatus) {
				if (data.status != 0) {
					$("#message").text(data.msg);
				} else {
					window.location = "./index";
				}
			},
			error : function(data, textStatus) {
				$("#message").text(data.msg);
			}
		});

故意输入错误的验证码，得到服务器返回的json数据，页面上本该出现错误提示信息，然而一直没有出现，然后用页面debug，发现页面接收到了服务器端返回的json数据

{"status":1,"msg":"验证码输入错误","data":null}

，很奇怪没错啊，继续用debug，发现data.msg 为undefined，纳闷了，搞了很久，最后发现返回的数据类型是text/plain，原来是自己少写了一个希望服务器返回的数据类型dataType: "json", 默认接收类型为字符串。

改正后的代码：

$.ajax({
			type : "post",//请求方式
			url : "./login.do",//发送请求地址
			dataType: "json",
			contentType: "application/json; charset=utf-8",
			data : {
				account : account,
				passWord : passWord,
				code : code
			},
			//请求成功后的回调函数有两个参数
			success : function(data, textStatus) {
				if (data.status != 0) {
					$("#message").text(data.msg);
				} else {
					window.location = "./index";
				}
			},
			error : function(data, textStatus) {
				$("#message").text(data.msg);
			}
		});