Ajax与服务器交互,获取json数据出错

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){
	}
});

错误出现的结果:

  1. data写成date:后台无法接收到参数。

接收参数为空
3. dataType写成dateType:服务器无法响应json数据格式。
无法接收json数据格式

如果以上有错误的内容,请批评指正。

参考链接:前台死活读取不了json数据

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小白说(๑• . •๑)

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值