springmvc之json数据交互controller方法返回值为简单类型

赖人不学

已于 2022-09-05 11:13:45 修改

阅读量1.1k

点赞数

分类专栏： JS 文章标签： json 交互 servlet

于 2017-02-17 10:56:08 首次发布

本文链接：https://blog.csdn.net/vindraz/article/details/55505673

版权

JS 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

当controller方法的返回值为简单类型比如String时，该如何与json交互呢？
使用@RequestBody
比如代码如下：

@RequestMapping(value="/ceshijson",produces="application/json;charset=UTF-8")
@ResponseBody
public String ceshijson(@RequestBody String channelId) throws IOException{

    return channelId;

如果代码为上面这种情况时，前台发送json时，应该这样写(写法有很多，能用就行)

function channel(){
          //先获取选中的值
          var channelId = $("#channelId option:selected").val();
          //来判断发送的链接
          if(channelId ==2){


            $.ajax({
                  url:"ceshijson",
                  type:"post",
                  dataType:'json',
                  contentType:'application/json;charset=utf-8',
                  data:JSON.stringify({'channelId':channelId}),
                  success:function(data){
                        alert(data.channelId);
                  },
                  error:function(XMLHttpRequest, textStatus, errorThrown){  
                    alert("Error")  
                    alert(XMLHttpRequest.status);  
                    alert(XMLHttpRequest.readyState);  
                    alert(textStatus); 
                   }
            });
          }
      }

这里需要特别注意：上篇也强调过，使用了@RequestBody时，它要求String channelId接收到数据为json字符串。也就是要是data写成这样： data:{‘channelId’:channelId},就是错误的。因为这是json对象形式。

要是你不想使用JSON.stringify()这个函数，那就自己手动字符串拼接：

data:'{"channelId":'+channelId+'}'

这里还要注意channelId是双引号，不能写成单引号，因为这是json语法规则。你改成单引号，也就是

**错误写法
data:"{'channelId':"+channelId+"}"

这种形式，虽然可以传给后台，但是后台传回来的会出现undefined。也就是key必须要用双引号包围。

不使用@RequestBody

    @RequestMapping(value="/ceshijson",produces="application/json;charset=UTF-8")
    @ResponseBody
    public String ceshijson(String channelId) throws IOException{
        Map<String,Object> map = new HashMap<String,Object>();
         map.put("channelId", channelId);
         ObjectMapper mapper = new ObjectMapper();
         channelId = mapper.writeValueAsString(map);
        return channelId;
    }

前台代码

$.ajax({
         url:"ceshijson",
         type:"post",
         dataType:'json',
         //contentType:'application/json;charset=utf-8',
         data:"channelId="+channelId,
         success:function(data){
                alert(data);
         },
         error:function(XMLHttpRequest, textStatus, errorThrown){  
                    alert("Error")  
                    alert(XMLHttpRequest.status);  
                 alert(XMLHttpRequest.readyState);  
                 alert(textStatus);  
                }
});