前端jsp通过点击按钮发送一个后端请求,并将表单数据一并发送到后端

您所在的位置:网站首页 JSP跳转键值 前端jsp通过点击按钮发送一个后端请求,并将表单数据一并发送到后端

前端jsp通过点击按钮发送一个后端请求,并将表单数据一并发送到后端

2023-07-24 02:55| 来源: 网络整理| 查看: 265

主要通过window.location.href发送请求,如在按钮点击事件中,点击按钮,就会像employee/toUpdateEmployee发送请求。

$(document).ready(function() { $("#btnUpdate").click(function(){ window.location.href = "${ctx}/employee/toUpdateEmployee" ; }); });

若要将表单数据一并发送到后台,可以使用serialize() 方法通过序列化表单值,创建 URL 编码文本字符串。 javascript代码

$(document).ready(function() { $("#btnUpdate").click(function(){ var id = $("tr.selected").find('td.id').text(); var e = $("#searchForm").serialize(); //searchForm为表单id window.location.href = "${ctx}/employee/toUpdateEmployee?id=" + id + "&e=" + e; }); });

Controller层代码

@RequestMapping(value = "toUpdateEmployee") public String updateEmployee(Employee e, String id, HttpServletRequest request, Model model) { if(id == null || id == "") { addMessage(model, "请选择一条数据" ); return "redirect:" + adminPath + "/employee/list?repage"; } Employee employee = employeeService.getEmployeeById(id); model.addAttribute("e",e); model.addAttribute("employee",employee); return "modules/employee/employeeUpdate"; }


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3