ajax提交表单--ajaxSubmit

最近工作中有这样的需求:上传文件的同时不能跳转页面。我们知道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 以防止跳转页面。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值