form表单提交回调函数
来源:互联网 发布:初学电钢琴推荐知乎 编辑:程序博客网 时间:2024/05/16 12:05
如果 FormData不好用的话 只能用下面的插件了
form表单没有回调函数,不过可以通过jquery-form.js这个插件来实现回调函数:
<form id="addform" class="form-horizontal" method="post" action="请求接口地址" enctype="multipart/form-data" target="rfFrame">
<div class="box-body">
<div class="form-group">
<label for="customName" class="col-sm-2 control-label">广告包名称</label>
<div class="col-sm-6">
<input type="text" class="form-control" name="customName" id="customName" placeholder="广告包名称">
</div>
</div>
<div class="form-group">
<label for="limited" class="col-sm-2 control-label">日限量</label>
<div class="col-sm-6">
<input type="text" class="form-control" name="limited" id="limited" placeholder="每日下载次数">
</div>
</div>
<div class="form-group">
<label for="file" class="col-sm-2 control-label">URL地址</label>
<div class="col-sm-6">
<input type="file" name="file" id="file">
</div>
</div>
<!-- /.box-body -->
<div class="form-group">
<label for="submit" class="col-sm-2 control-label"></label>
<div class="col-sm-2">
<button type="button" id="submit" class="btn btn-primary">提交</button>
</div>
</div>
<!-- /.box-footer -->
</form>
<iframe id="rfFrame" name="rfFrame" src="about:blank" style="display:none;"></iframe>
注意:target="rfFrame"调取的是下面这个iframe的id值。作用是为了提交表单时防止页面跳转;表单要上传文件时需设置属性enctype="multipart/form-data",具体原因不太清楚;
好了,现在要上jquery-form.js 的提交代码了:
$("#submit").click(function(){
var options = {
url:请求接口地址, //同action
type:'post',
beforeSend:function(xhr){//请求之前
var index = layer.load(1, {
shade: [0.5,'#000'] //0.5透明度的黑色背景
});
},
success:function(data)
{
},
complete:function(xhr){//请求完成
layer.closeAll('loading');
//询问框
layer.confirm('广告主修改成功!页面将跳转到列表页。', {
btn: ['确定'] //按钮
}, function(){
location.href = "adList.html";//location.href实现客户端页面的跳转
});
},
error: function(xhr,status,msg){
//alert("状态码"+status+"; "+msg)
layer.msg('玩命加载中..');
}
};
$("#addform").ajaxSubmit(options);
});
另外说明一下,如果没有上传文件的话,完全可以使用ajax请求就好了,没必要这么折腾。那也就说明ajax请求不能够上传文件,ajax只能传递文本类信息;
- form表单提交回调函数
- ajax form 表单回调函数
- 解决:easy ui form 表单提交 IE9 不执行回调函数
- 使用jquery.form.js 进行表单提交,通过回调函数实现页面互动
- 使用jquery.form.js 进行表单提交,通过回调函数实现页面互动功能。
- 利用formData,在使用form表单提交参数(或者文件)时,处理回调函数
- ajax提交普通表单或者文件上传的form 带回调函数
- Extjs 解决表单提交总是执行failure回调函数
- Extjs 解决表单提交总是执行failure回调函数
- jquery.form.js后台提交成功,但没触发回调函数
- 实现文件上传,以及表单提交成功的回调函数
- 实现文件上传,以及表单提交成功的回调函数
- 实现文件上传,以及表单提交成功的回调函数
- 实现文件上传,以及表单提交成功的回调函数
- form表单的提交!!!
- form 表单提交
- Form表单提交方法
- ajax提交form表单
- 使用Android Studio检测内存泄露
- Eclipse/Myeclipse 如何删除导入的配置文件(例如epf主题文件)
- Job定时触发
- centos 6.5 yum安装mysql5.6
- Spring注解详解
- form表单提交回调函数
- java的异常Exception
- Android应用程序开发以及背后的设计思想深度剖析
- 【Word】word2010中如何去掉标题前面的小黑点
- easyui-datagrid使用load()保持分页显示数量
- 用两个栈实现队列
- Spring 3.0 抛异常 java.lang.ClassNotFoundException: org.springframework.expression.PropertyAccessor
- leetcode week15
- swift3.0 元组的用法