Ajax与服务器交互,获取json数据出错
最近学习了ajax,但是由于自己的原因,总是错误百出,虽然写起来很简单,但是还总是往坑里跳。下面我将记录下我自己犯的错误,希望下次不会再犯同样的错误。
下面粘贴了我的错误代码(看起来好像没有啥毛病):
$.ajax({
url : "<%=request.getContextPath()%>/area/getCity.do", //ajax请求的路径
type : "POST", //ajax请求的类型
dateType : "JSON", //ajax返回的数据格式类型
date : {"province_id":$("#provinces").val()}, //province_id与后台参数对应
success:function(data) { //ajax返回成功
console.log(data.data);
},
error:function(data){//ajax返回错误信息
}
});
-
错误1:data写成了date
date : {"province_id":$("#provinces").val()}改为data : {"province_id":$("#provinces").val()}
-
错误2:dataType写成了dateType
dateType : "JSON"改为dataType : "JSON"
正确代码:
$.ajax({
url : "<%=request.getContextPath()%>/area/getCity.do", //ajax请求的路径
type : "POST", //ajax请求的类型
dataType : "JSON", //ajax返回的数据格式类型
data : {"province_id":$("#provinces").val()}, //province_id与后台参数对应
success:function(data) { //ajax返回成功
console.log(data.data);
},
error:function(data){
}
});
错误出现的结果:
- data写成date:后台无法接收到参数。
3. dataType写成dateType:服务器无法响应json数据格式。
如果以上有错误的内容,请批评指正。
参考链接:前台死活读取不了json数据