新人使用EasyUI的From表单实现文件上功能,后台处理成功后返回json串,但返到了页面上显示我的json数据串,而没有走到success,代码如下:
$(function() { $('#importFile').click(function() { $.messager.progress(); // 显示一个进度条 $('#activityUserFileUpload').form('submit', { url : basePath + '/activity?methodName=importActivityFile', onSubmit : function() { var isValid = $(this).form('validate'); if (isValid) { $.messager.progress({ text : "正在导入,请稍后..." }); return true; } return false;// 未通过表单验证阻止表单提交 }, success : function(data) { $.messager.progress('close'); // 当成功提交之后隐藏进度条 // alert(data); console.log(data); } }); }); });
找了很久没有找到原因,后来发现提交了两次表单,如下图:
为什么是两次提交呢想不明白,所以尝试着把上面代码当中的"submit"删除,再次尝试就正常了,如下图:
把上图中红色选择的删除就可以,不知道有没有人也遇到此问题。解决方法是不是一样。
问题原因:
问找到了,现在前来看一下我页面上的代码如下图:
<form id="activityUserFileUpload" action="" method="post" enctype="multipart/form-data"> <input type="file" class="easyui-validatebox" validType="validateFile" required="true" name="file" style="width:150px;"/> <input id="importFile" type="submit" name="import" value="导入用户"/> <a href="${application.getContextPath()}/tempFile/Template.xlsx">下载模板</a><br/></a> </form>
可以看到我导入用户按钮使用了"submit"来处发事件,所以我们可以看到是两次请求。所以要解决问题有两个方法了,要么你提交时不用"submit"提交,如果你使用了"submit"提交他就得像我上面那样把js当中的"submit"删除。
相关推荐
jquery EasyUI的API,方便使用easyui查看。。。。。。
jqueryEasyUI 下载,及api下载 jqueryEasyUI 下载,及api下载
jquery easyui 帮助文档 非常好用的
jQuery EasyUI 中文文档jQuery EasyUI 中文文档jQuery EasyUI 中文文档jQuery EasyUI 中文文档jQuery EasyUI 中文文档jQuery EasyUI 中文文档jQuery EasyUI 中文文档jQuery EasyUI 中文文档jQuery EasyUI 中文文档...
jquery easyui demo 网页下载下来打包了,还有datagrid简要说明
jQuery EasyUI EasyUI 组件范例
资源名称:Jquery easyui 使用说明内容简介:Jquery easyui 使用说明 中文PDF版主要讲述的是Jquery easyui 使用说明;感兴趣的朋友可以过来看看。jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的...
jQuery EasyUI 1.4.3 API 中文 jQuery EasyUI 1.4.3 API jQuery EasyUI 1.4.3 API
jQuery EasyUI 1.5.1文档 jQuery EasyUI 1.5.1文档 jQuery EasyUI 1.5.1文档
jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像(onMouseOver/onMouseOut) Demo 扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件,源码奉献!!!
jQuery EasyUI 1 4版本更新内容: Bug(修复) menu:修复在删除一个菜单项的时候该菜单无法正确自适应高度的问题; datagrid:修复在datagrid宽度太小的时候“fitColumns”方法无法正常工作的问题 Improvement...
jQuery EasyUI 1.5API 中文版文档 最新版jQuery easy ui
jquery easyui 中文api文档 jQuery EasyUI 1.2.4+API.chm jquery.easyui-1.2.6API.chm jquery.EasyUI-1.3.1 API_疯狂秀才.chm
jQuery EasyUI 1.4.2 版 API 中文版手册
jQuery EasyUI中文参考手册.chm
使用Jquery EasyUI制作的日历,单击input控件弹出日历选择日期,代码很简单,仅供参考
ssm框架+jquery easyui案例
SSH+Jquery easyUI后台管理系统
jquery easyui开发指南
jQuery EasyUI 1.4.5 版 API 中文版