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

野性酷女 2023-10-10 10:48 61阅读 0赞

### 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：后台无法接收到参数。

![接收参数为空][20200212173248240.jpg]  
3. dataType写成dateType：服务器无法响应json数据格式。  
![无法接收json数据格式][json]

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

参考链接：[前台死活读取不了json数据][json 1]

[20200212173248240.jpg]: https://img-blog.csdnimg.cn/20200212173248240.jpg
[json]: https://img-blog.csdnimg.cn/20200212173317945.jpg
[json 1]: https://blog.csdn.net/wangsuifu/article/details/85231649