最近工作中有这样的需求:上传文件的同时不能跳转页面。我们知道ajax请求不会跳转页面但是不能提交表单,form提交不能局部刷新页面。所以这两种提交方式都不能满足即提交表单又不跳转页面的需求。恰巧jQuery的ajaxSubmit满足需要。现在简单说说ajaxSubmit的用法:
ajaxSubmit的用法很简单 类似于ajax的用法,废话不多说直接看代码吧
var options = {
target: '#mydiv', // 需要刷新的区域
//beforeSubmit: showRequest, // 提交前调用的方法
//success: showResponse // 提交成功的处理方法
//url: url // 提交的URL
//type: type // 'get' or 'post', override for form's 'method' attribute
//dataType: null
//clearForm: true // 是否清空form
//resetForm: true // 是否重置form
//timeout: 3000
};
// 绑定FORM提交事件
$('#myForm').submit(function() {
$(this).ajaxSubmit(options);
// always return false to prevent standard browser submit and page navigation
return false;
});
!!!这里有一点要注意 返回值一定要是return false 以防止跳转页面。