js异步提交form表单的解决方案

1.定义异步提交表单的方法（通用方法）

 /*** 异步提交form表单* @param options {form:form表单元素,success:执行成功后处理函数}* <span style="color:#ff0000;"><strong>@注意    后台接收参数要解码否则中文会导致乱码 如：URLDecoder.decode(param,"UTF-8")</strong></span>* @应用场景 需要用在form 的 onsubmit事件当中，并且确保方法最后恒久返回false* @return  必须返回false 用于阻止表单刷新提交  * */function ajaxSubmitForm(options){var form1 = options['form'];var ajax_url = $(form1).attr('action'); //表单目标 var ajax_type = $(form1).attr('method'); //提交方法 var ajax_data = $(form1).serialize(); //序列化表单数据 //解码防止中文乱码ajax_data = decodeURIComponent(ajax_data,true); ajax_data = encodeURI(encodeURI(ajax_data))$.ajax({ type:ajax_type, //表单提交类型 url:ajax_url, //表单提交目标 data:ajax_data, //表单数据dataType:'json',success:options['success']}); return false; //阻止表单的默认提交事件 };

2.应用场景案例：

<html>
<script type='javaScript'>
//表单验证并提交-->处理   function exeSubmit(form1){//可以在此添加校验return  ajaxSubmitForm({form:form1,success:function(data){data =  eval("("+data+")");if(data&&data.status == 'success'){alert("新增成功！");window.location.href='<%=basePath%>xxx.action';}else{alert("新增失败！");}} });}
</script><body>
<form action="xx.action" method="post" οnsubmit="return  <span style="font-family: Arial, Helvetica, sans-serif;">exeSubmit(this);</span><span style="font-family: Arial, Helvetica, sans-serif;">">
</span>elements  <span style="font-family: Arial, Helvetica, sans-serif;">.......</span><input type='submit' value="提交"/>
</form></body>
</html>

js异步提交form表单的解决方案相关推荐

关于异步提交form表单
1.异步提交form 表单方法一: 采用隐藏iframe来提交表单, 代码:<div id="upload_file" title="<%=Res.Cul ...
微信ajax异步提交form表单,ajax异步提交表单
前面我们一直谈 wojilu ajax framework ,已经表明了它是一个 ajax 框架.但其实客户端验证等内容几乎不涉及到 ajax 操作. 下面我们就着重看下这个框架ajax操作方面. 其 ...
js提交form表单，并传递参数
js如何提交form表单,并传递参数呢? 参考:https://www.itdaan.com/blog/2013/04/18/d26f13da9de5e2bbd607464da6ad1f8e.html
js 提交form表单,js更改form表单的action属性
2019独角兽企业重金招聘Python工程师标准>>> js 提交form表单 <s:form id="formID1" action="favo ...
html得到上传文件类型后缀,js获取上传文件后缀名（附js提交form表单）
js获取上传文件后缀名(附js提交form表单) 代码如下: function check_file() { var strFileName=form1.FileName.value; if (str ...
使用js提交form表单的两种方法
提交form表单的时候瑶族一些简单的验证,验证完后才能提交,避免无效提交. 1.当输入用户名和密码为空的时候,需要判断.这时候就用到了校验用户名和密码,这个需要在前端页面写:有两种方法,一种是用sub ...
js提交form表单
[背景] 前段时间将边用边学javascript.pdf书看完了,其中之前最不熟悉的也是这次印象最深刻的就是提交form表单,所以在这里总结一下js提交form表单,以及表单中对应的一些扩展知 ...
html表单调用js方法,使用js提交form表单的两种方法
提交form表单的时候瑶族一些简单的验证,验证完后才能提交,避免无效提交. 1.当输入用户名和密码为空的时候,需要判断.这时候就用到了校验用户名和密码,这个需要在前端页面写:有两种方法,一种是用sub ...
JS动态模拟Form表单提交数据
分享知识传递快乐 JS动态模拟Form表单提交数据 <!DOCTYPE html> <html lang="en"> <head><m ...

js异步提交form表单的解决方案

js异步提交form表单的解决方案相关推荐

最新文章

热门文章