SSM项目 Jquery实现From表单提交 json后台并接受

2019-6-21 山西太原工作前台整理
文章总结
主要是前后台的交互代码，浪费了两个小时才弄好，注意前台往后台返回的时候使用的并非json格式传入后台，后台使用@ModelAttribute 可以实现自动的封装，装填对象
@ModelAttribute在参数前面加的作用从model中取出key为user的User对象，model没有User会自动创建，并把前台表单的请求参数赋给这个User对象的对应属性。
from表单在后台一般对应的是一个实体类所以使用@ModelAttribute注解，自己装配，还会上传一些其他的参数，实体类中没有，这时可以使用@RequestParam参数获取

前台Html

<form><input type="text" id="name" name="name" maxlength="10" placeholder="请填写您的姓名"><input type="text" id="telphone" name="telphone" maxlength="11" placeholder="请填写您的手机号"><button type="button" onclick="myfun_submit()“>确认提交 </button>
</form>

前台Js

‘比方说 格式化from表单之后 还要提交其他参数,可以采用下面的方式
// var data = "pageNo="+no+"&"+ $("form").serialize();function myfun_submit() {$.ajax({type : "post",dataType : "json",url : "/bookContact/joinContactSave",contentType:"application/x-www-form-urlencoded",data:   $("form").serialize(),success:function (data) {if(data.status == 1){$(".tanchuang").show();}},//响应成功后的回调函数});}

后台接受

@Controller
@RequestMapping("/bookContact")
public class BookContactController  {
public void joinContactSave(Model model,@ModelAttribute  BookContactMember bookContactMember,@RequestParam(required = false, value = "contactItem", defaultValue = "") String contactItem ,HttpServletRequest request,HttpServletResponse response) {
System.out.println(bookContactMember);
}
}

SSM项目 Jquery实现From表单提交 json后台并接受相关推荐

form表单提交，后台实体类接收转义问题解决方案
Ajax传一个实体给后台,以@RequestBody来接收: https://blog.csdn.net/zhou_pp/article/details/94738434 前台提交整个表单数据,后台实 ...
Jquery中实现表单提交到SSM后台前进行post请求实现数据的校验
场景表单中有两个输入框input在提交这个表单前需要对两个输入框进行校验. 即点击提交按钮时会经过校验的方法,此方法会post方式提交到后台,在请求后台成功后的回调方法中会对js变量进行赋值,进而决 ...
SSM框架下实现form表单提交的方式
实现form表单的提交有多种方式,这里我们主要讲两种常用的. 注:此Demo是在SSM框架下完成的,数据库采用MySQL,关于ssm整合的相关知识,这里不做过多赘述.主要展示表单提交方式,暂不考虑代码 ...
php提交后刷新父页面,jquery – php ajax表单提交没有刷新父页面
我有一些问题的ajax表单提交 $("#send").on("click", function() { $.ajax({ type: "POST&qu ...
Jquery中实现表单提交前的校验
场景为了安全,通常要进行前端校验和后端校验. 前端校验一般在表单提交前实现. 实现 form表单元素添加onsubmit事件 <form id="book" action= ...
SpringCloud工作笔记084---SpringCloud项目中,关于防止表单提交_使用redis+Aspect面向切面实现
技术交流QQ群[JAVA,C++,Python,.NET,BigData,AI]:170933152 这里用注解+redis的方式来防止表单提交先声明注解: package cn.gov.credr ...
html 表单提交跳转新的页面,jquery模拟form表单提交并新打开页面
/** * form表单提交本页面打开 * @param url * @param params */ functionpostCurrent(url,params){ varform = $(&qu ...
easyui表单提交，后台获取不到值
J2ee开发,使用easyui表单提交,在ie中可以正常将参数传递到后台,但使用firefox,chrome都无法将easyui的combobox值传递到后台,使用alert($('#form').s ...
BJUI使用ajax异步表单提交时后台action要加@ResponseBody
场景在使用BJUI的ajaxform异步表单提交时,后台直接使用 @RequestMapping时不能正常回显消息. 知识储备 ajaxform异步表单提交通过data属性使用(带验证): < ...

SSM项目 Jquery实现From表单提交 json后台并接受

SSM项目 Jquery实现From表单提交 json后台并接受相关推荐

最新文章

热门文章