React、Fetch和springmvc

最新推荐文章于 2021-02-26 08:11:05 发布

weixin_34375054

最新推荐文章于 2021-02-26 08:11:05 发布

阅读量182

点赞数

文章标签： javascript java json ViewUI

原文链接：https://segmentfault.com/a/1190000011244683

版权

React和Fetch

React本身未提供ajax服务，因此要使用ajax服务需要安装第三方插件，目前Fetch是比较流行的配合React的插件，使用npm安装：npm install whatwg-fetch --save和npm install es6-promise --save。

 //前台部分代码
 objData['name']='huzhenpeng'；
 fetch('/springmvc/fetch',
      {
          method:'post',
          headers:{
              'Content-type':'application/json'
          },
          body:JSON.stringify(objData)
      }
  );
  //后台代码
  @RequestMapping(value="/fetch")
  public @ResponseBody String fetchDemo(@RequestBody FormName form){
     .......
  }

@RequestBody的作用是将json字符串转换为java对象，注意，要使用@RequestBody注解，一定要配置一个依赖，否则将会出现后台报错：

        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-databind</artifactId>
            <version>2.5.3</version>
        </dependency>