多值向后台传递方法(js与java)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 | //前端接口设计值传递 export function getPrintDan(objId, type) { return request({ url: `/owtb/owtbPring/getPrintDan/${objId}?objName=${type}`, // 注意这里使用了objName作为参数名 ;这里的路径用的路由owtb method: 'get' }); } getPrintDan(_objIds, "回单模板" ).then(response => { response.data[0].details=JSON.parse(response.data[0].details) //对指定数据转成json格式 print(response.model, response.data); }); //后台数据接收 @RestController @RequestMapping( "/owtbPring" ) public class OwtbPringController extends BaseController { @GetMapping( "/getPrintDan/{objId}" ) public AjaxResult printDan(@PathVariable( "objId" ) String objId, @RequestParam(value = "objName" , required = false ) String objName){ System. out .println( "objName = " + objName); System. out .println( "objId = " + objId); AjaxResult ajax = AjaxResult.success(); JSONObject data= new JSONObject(); ajax.put( "model" , data. get ( "model" )); ajax.put( "licenseInfo" , data. get ( "licenseInfo" )); ajax.put( "params" , data. get ( "params" )); ajax.put(AjaxResult.DATA_TAG, data. get ( "data" )); return ajax; } } |
//当前端传一个值给后端 //前端接口js文件 export function listDeptCompany(wcompanyNameLike) { return request({ url: `/system/dept/listCompany?wcompanyNameLike=${wcompanyNameLike}`, method: 'get', }) } //前端vue文件 listDeptCompany(this.select).then((response) => { console.log(response); this.wmsWarehouseList = response.data }) //后端实现 @GetMapping("/listCompany") public AjaxResult listCompany(@RequestParam("wcompanyNameLike") String wcompanyNameLike) { SysDept sysDept = new SysDept(); sysDept.setDeptName(wcompanyNameLike); List<SysDept> depts = deptService.selectDeptList(sysDept); return success(depts); }
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· winform 绘制太阳,地球,月球 运作规律
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人