最近做一个项目,给前端vue工程提供数据接口,部门经理希望通过json格式来传递参数。


  • 接口项目是用的springboot,所以直接使用controller里配置的path就能访问到对应的方法,示例如下:vue调用的方法如下,可见我们传了2个参数,一个configid,一个configname
//通过json传参
 var url="http://localhost/jsonparam";
 var sendData={"configid":55,
               "configname":"000"
               };
this.$http.jsonp(url,{params : sendData}).then(function (res) {
      this.msg=res.data.configName;
 });

  • 服务接口端代码:

controller方法中,入参前加@RequestParam 注解 ,value和前端传的json字段对应上

@RequestMapping(value="/jsonparam", method = RequestMethod.GET,produces="application/json;charset=UTF-8")
public   ConfigVo getjsonpparam(@RequestParam(value="configid",required=true)  Long id,@RequestParam(value="configname",required=true) String name) {
    ConfigVo vo = service.getConfigById(id);   
    return vo;
}

这样使用,就能接收前台传来的json参数,over,谢谢


Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐