form表单通过ajax请求后台,表单数据序列化
2019-04-17 20:12
344 查看
在form中天机按钮及点击事件,将form元素作为参数传入
<input type="button" name="submit" onclick="mycart(this.form)" value="Add to cart" class="button">
js方法:
function mycart(form){ $.ajax({ type:"post", url:"/cart/cart.action", datatype:"text", data:$(form).serialize(), success:function (info) { alert(info) }, error:function () { alert("error!") } }) };
后台一定加上@ResponseBody注解返回数据
@RequestMapping("/cart") @ResponseBody public String Cart(HttpSession session, HttpServletResponse response,Integer id) throws Exception{ return "ok"; }
相关文章推荐
- form表单通过hidden向后台传递请求数据
- ajax 请求后台数据(及使用FormData对象提交表单及上传图片)
- 关于jQuery使用serializeArray()序列化表单数据,使用FormData()实现AJAX请求的问题
- 将表单序列化之后变成的json格式的数据无法通过Ajax发送到后台的解决
- jQuery通过ajax获得后台json数据给form表单赋值
- Form表单和ajax中的post请求&&后台获取数据方法(深度好文)
- 运用jQuery通过AJAX向后台请求拼装json数据格式,并初始化目录树TreeView
- Multipart/form-data POST文件上传详解 理论 简单的HTTP POST 大家通过HTTP向服务器发送POST请求提交数据,都是通过form表单提交的,代码如下: <form me
- jquery 通过ajax请求获取后台数据显示在表格上的方法
- 表单用serialize()序列化并且通过ajax向后台传值,后台方法参数传递问题
- JavaScript - AJAX 通过 FormData 上传 form 表单中的所有数据(text 文本,files 图片等二进制文件)
- jquery序列化form表单使用ajax提交后处理返回的json数据
- 关于html、ajax向后台serialize序列化提交百度富文本数据,一直通不过,不发送请求的问题
- JS将form表单转换为json数据,使用ajax发送请求案例
- 以前都是通过ajax像后台传送数据,新接触了个form.js向后台提交数据的方式(付源码)
- select标签 禁止选择但又能通过序列化form表单传值到后台
- jquery多选择动态参数的使用以及ajax异步请求中提交整个form表单中serializeArray()的使用以及后台值得获取方式
- 通过form表单上传文件获取后台传来的数据
- 关于form表单或者Ajax向后台发送数据时,数据格式的探究
- jquery序列化form表单使用ajax提交后处理返回的json数据