AJAX异步提交form表单
2017-09-26 17:45
423 查看
记录:
网上有说怎么做,没说怎么接收,打印了一下数据,记录一下取值:
比如说有如下form:
form
<form id="form1" name="form1" action="" method="post">
<input type="hidden" name="submitTime" value="${now }">
<input type="hidden" name="receiverId" value="${receiverID }">
<input type="hidden" name="isRegister" value="${isRegister }">
</form>
发送异步请求提交form
function save(){
$.ajax({
url:'debt/saveNew.do'+'?t='+Math.random(),
data:$('#form1').serialize(), //将表单数据序列化,格式为name=value
type:'POST',
dataType:'json',
success:function(data){
//success
},
error:function(){
console.log("提交ajax函数异常");
},
});
}
获取(能从param中取到值意味着怎么接收都可):
@RequestMapping(value = "saveNew")
//@Token(remove=true)
public void saveNew(
HttpServletRequest request,HttpServletResponse response){
response.setContentType("application/json; charset=UTF-8");
try {
String submitTime = request.getParameter("submitTime");
String receiverId = request.getParameter("receiverId");
String isRegister = request.getParameter("isRegister");
网上有说怎么做,没说怎么接收,打印了一下数据,记录一下取值:
比如说有如下form:
form
<form id="form1" name="form1" action="" method="post">
<input type="hidden" name="submitTime" value="${now }">
<input type="hidden" name="receiverId" value="${receiverID }">
<input type="hidden" name="isRegister" value="${isRegister }">
</form>
发送异步请求提交form
function save(){
$.ajax({
url:'debt/saveNew.do'+'?t='+Math.random(),
data:$('#form1').serialize(), //将表单数据序列化,格式为name=value
type:'POST',
dataType:'json',
success:function(data){
//success
},
error:function(){
console.log("提交ajax函数异常");
},
});
}
获取(能从param中取到值意味着怎么接收都可):
@RequestMapping(value = "saveNew")
//@Token(remove=true)
public void saveNew(
HttpServletRequest request,HttpServletResponse response){
response.setContentType("application/json; charset=UTF-8");
try {
String submitTime = request.getParameter("submitTime");
String receiverId = request.getParameter("receiverId");
String isRegister = request.getParameter("isRegister");
相关文章推荐
- form表单submit提交时,用ajax做异步验证
- ajax 异步提交form表单
- form表单ajax异步提交数据和文件整理
- ajax异步、同步问题,KindEditor ajax提交内容,ajax提交form表单
- asp.net mvc4 使用java异步提交form表单时出现[object object] has no method ajaxSubmit
- ajax,异步提交form表单,从后台返回值到前端
- 解决JQuery表单异步提交到action的乱码问题(ajaxform,ajaxsubmit)
- $.ajax 和 jquery.form.js实现表单异步提交
- ajax 异步提交form 表单
- jquery多选择动态参数的使用以及ajax异步请求中提交整个form表单中serializeArray()的使用以及后台值得获取方式
- ajax异步、同步问题,KindEditor ajax提交内容,ajax提交form表单 解决按两次的问题
- [Ajax] 使用Ajax异步上传图片文件(非Form表单提交)
- servlet3.0以上form表单提交(ajax异步提交)
- 使用AJAX异步提交表单的几种方式
- Ajax提交form表单
- net接收ajax提交form的表单
- 使用ajax方法实现form表单的提交(附源码)
- ajax提交整个form表单
- 利用html5 formdata技术将表单整个元素提交给另一个页面,异步刷新当前页面内容
- 使用jQuery.form插件,实现完美的表单异步提交