关于将form 表单提交改为ajax 提交

前端&&&辞耳

于 2023-06-29 11:34:05 发布

阅读量301

点赞数

文章标签： ajax okhttp 前端

本文链接：https://blog.youkuaiyun.com/qq_56042698/article/details/131453143

版权

这段代码展示了如何使用jQuery禁用提交按钮以防止在Ajax提交表单期间多次点击。它首先序列化表单数据，然后解码并发送到/general/bbs/insert.php的服务器端，采用POST方式。如果提交成功，返回true；否则，重新启用提交按钮。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 jQuery("#save").prop("disabled", true);
    var serializedFormData = jQuery("#form1").serialize();
    var decodedFormData = decodeURIComponent(serializedFormData);
    var params = decodedFormData
    jQuery.ajax({
        url:"/general/bbs/insert.php",
        dataType:"json",
        data:params,
        type:"POST",
        success:function(res){
            return true;
        },
        error:function(){
            jQuery("#save").prop("disabled", false);
        },
    })

防止多次点击创建多个 form 表单提交不好修改这个bug

条件

form 表单设置id form1

提交submit 按钮设置id save

url 为 form 上面的 action 路径