最近做一个项目,给前端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

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐