ajax提交后台如何无法接收json数组对象

野性酷女 2024-04-17 05:40 74阅读 0赞

#### 解决ajax无法接收数组对象 ####

##### 问题描述： #####

前台发送ajax的数组对象；如：`{“tids”：["1","2","3"]}`，

data = { "tids"：["1","2","3"]}
      $.ajax({ 
                 	   type: "POST",
         	    	   url: "/compusQuestionnaire/user/teacher/delete",
         	    	   data:data,
         	    	   success: function(data){ 
         	    		   if(data.flag){ 
         	    			   //删除成功移除
         	    			  $(".tb_choice input:checked").parent().parent().remove();
         	    		   }else{ 
         	    			   layer.alert("删除失败");
         	    		   }
         	    	   },
         	    	   dataType: "json",
                    });

当前台使用下列代码 无法接收数据

public Result deleteTeachers(Long [] tids)

检查发送请求时，数据是如何传送的；  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczMjk1NQ_size_16_color_FFFFFF_t_70]  
找到原因了，如果想要前台以数组接收，那么需要这种结构

tids:10
    tids:12

#### 解决方法： ####

$.ajax({ 
                 	   type: "POST",
         	    	   url: "/compusQuestionnaire/user/teacher/delete",
         	    	   data:data,
         	    	   success: function(data){ 
         	    		   if(data.flag){ 
         	    			   //删除成功移除
         	    			  $(".tb_choice input:checked").parent().parent().remove();
         	    		   }else{ 
         	    			   layer.alert("删除失败");
         	    		   }
         	    	   },
         	    	   dataType: "json",
         	    	   traditional:true

加上`traditional:true`这个配置选项；表示使用如果你想要用传统的方式来序列化数据，修改之后，那么再看数据是如何发送的  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczMjk1NQ_size_16_color_FFFFFF_t_70 1]  
这样 后台就能正常传送数据啦；

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczMjk1NQ_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/11/0aee0981bbdd4100ada73716cd5999eb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczMjk1NQ_size_16_color_FFFFFF_t_70 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/11/fd02de95f1fd4406b5494c268ba2908e.png