Springmvc前端form表单封装json格式数据,后台接收数据。
2020-03-01 20:28
316 查看
一 js代码:
$("#_button").click(function () { var seri = $("#_cource").serializeArray(); //获取表单数据,并封装为一个数组 var Cource = { "stunumber": parseInt(seri[0].value), //创建对象,注意数字在这里要进行转换,否则为字符串形式,后台接收数据会报错。 "coname": seri[1].value, "fraction": parseInt(seri[2].value) }; $.ajax({ url: "/shop_ssm/cou/insertcource.action", type: "post", //传送json格式数据,应该为post dataType:"text", contentType:"application/json; charset=utf-8", data: JSON.stringify(Cource), //将对象转换为json字符串作为数据传递 success:function(data) { console.log(data); }, error:function (XMLHttpRequest, textStatus, errorThrown) { alert(XMLHttpRequest.status); alert(XMLHttpRequest.readyState); alert(textStatus); } }); })
二 后台代码
@PostMapping("/insertcource") @ResponseBody public int insertcource(@RequestBody Cource cour){ //@requestbody是设定接收json数据格式字符串 int end = cs.insertcource(cour); return end; }
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及文件上传的部分
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及非文件上传的部分
- jQuery封装form表单数据为json对象格式
- form表单数据封装成json格式并提交给服务器的实现方法
- 前端页面中把form表单中的数据转换为json格式
- jsp后台数据处理,json数据格式传输,js前端用ajax方法接收数据demo
- JSON传list数据到springMVC后台并用对象接收
- jsp页面的ajax和form表单提交后接收数据的区别(SpringMVC控制器返回Map对象)
- 浅谈springMVC接收前端json数据的总结
- Gson解决前端多层数据封装与后台Controller层数据接收
- form表单通过json提交到springmvc,返回json到前端
- mongodb - 前端form表单传递数据,在保存和取出的数据格式处理函数 - 非递归
- SSM——后台通过前端form表单获取数据问题
- fastjson和SpringMVC实现自定义HttpMessageConverter接收和获取JSON格式的数据
- xml json两种数据格式后台的封装(asp.net)
- Html 以 Form 表单的形式 发送 POST (JSON格式) 的数据
- springMvc通过Map形式接收多个参数form表单数据
- SpringMVC-使用converter转换器解决后台接收Date格式数据时The request sent by the client was syntactically incorrect ()
- mongodb - 前端form表单数据传输,在保存和清除的数据格式的处理程序的 - 非递归
- Vue 实现把表单form数据 转化成json格式的数据