当前位置: 移动技术网 > IT编程>开发语言>JavaScript > @ResponseBody 和 @RequestBody 注解的区别

@ResponseBody 和 @RequestBody 注解的区别

2019年03月22日  | 移动技术网IT编程  | 我要评论

秦琼传,吉林艺术学院录取查询,全家总动员游戏

@responsebody 和 @requestbody 注解的区别

1 前言

在详述 @responsebody 和 @requestbody 注解之前,咱先了解一下 @requestmapping 注解,@requestmapping 是一个用来处理请求地址映射的注解,可用于类或方法上。用于类上,表示类中的所有响应请求的方法都是以该地址作为父路径;用于方法上,表示在类的父路径下追加方法上注解中的地址将会访问到该方法。例如.

/**
* 用于类上,可以没有
*/

@requestmapping(value = "/controllerdemo")
public class controllerdemo {
  // 用于方法上,必须有
  @requestmapping(value = "/methoddemo")
  public string methoddemo() {
    return "helloworld";
  }
}

其对应的 action 就是“ action = controllerdemo/methoddemo ”。因此,在本地访问 http://localhost:8080/controllerdemo/methoddemo 就会返回(跳转)到“ helloworld.jsp ”页面。

2 注解详述

在本部分,作者将详细介绍 @responsebody 和 @requestbody 注解的区别:

  1. @responsebody 注解表示该方法的返回的结果直接写入 http 响应正文(responsebody)中,一般在异步获取数据时使用;
  2. 在使用 @requestmapping 后,返回值通常解析为跳转路径,加上 @responsebody 后返回结果不会被解析为跳转路径,而是直接写入http 响应正文中。例如,异步获取 json 数据,加上 @responsebody 注解后,就会直接返回 json 数据。
  3. @requestbody 注解则是将 http 请求正文插入方法中,使用适合的 httpmessageconverter 将请求体写入某个对象。

例如,

@requestmapping(value = "person/login")
@responsebody
public person login(@requestbody person person) {  // 将请求中的 datas 写入 person 对象中
  return person;  // 不会被解析为跳转路径,而是直接写入 http 响应正文中
}

页面异步请求:

function login() {
  var datas = '{"name":"' + $('#name').val() + '","id":"' + $('#id').val() + '","status":"' + $('#status').val() + '"}';
  $.ajax({
    type : 'post',
    contenttype : 'application/json',
    url : "${pagecontext.request.contextpath}/person/login",
    processdata : false,
    datatype : 'json',
    data : datas,
    success : function(data) {
      alert("id: " + data.id + "name: " + data.name + "status: "+ data.status);
    },
    error : function() {
      alert('sorry, it is wrong!');
    }
  });
};

3 扩展

接下来,在介绍一个 @pathvariable 注解,其用来获取请求路径(url )中的动态参数。例如,

/**
* @requestmapping(value = "/person/profile/{id}/{name}/{status}") 中的 {id}/{name}/{status}
* 与 @pathvariable int id、@pathvariable string name、@pathvariable boolean status
* 一一对应,按名匹配。
*/

@requestmapping(value = "person/profile/{id}/{name}/{status}")
@responsebody
public person porfile(@pathvariable int id, @pathvariable string name, @pathvariable boolean status) {
  return new person(id, name, status);
}

页面异步请求:

function profile() {
  var url = "${pagecontext.request.contextpath}/person/profile/";
  var query = $('#id').val() + '/' + $('#name').val() + '/' + $('#status').val();
  url += query;
  $.get(url, function(data) {
    alert("id: " + data.id + "name: " + data.name + "status: "
        + data.status);
  });
}

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网