jquery教程:js让表单提交不用刷新实例

jquery教程:js让表单提交不用刷新实例-第1张-菜鸟博客

正在情况下,提交表单都会刷新页面,那么怎么在提交表单,不刷新页面。

以下示例通过js实现表单提交后不重新刷新当前页面的方法实例。

既提交了FORM保存了数据,页面也不会跳转,很实用。需要的朋友可以参考下

$('[type=submit]').click(function(){
    let _this = $(this);
    let form = _this .parents('form');
    let action = form.attr("action");
    let btntext = _this.val();
    _this.attr('disabled','disabled').val('正在提交...');
    $.post(action,form.serialize(),function(res){
        _this.removeAttr('disabled').val(btntext);
    })
    return false;
})


猜你喜欢

发表评论