Javascript php脚本完成后恢复提交按钮

我使用Ajax和PHP将数据发布到PHP，并在不加载数据的情况下将其输出到当前页面，我使用Submit按钮发送数据，单击此按钮时，我将此按钮替换为loading.gif。现在，在php脚本完成并获得输出后，loading.gif将继续显示。我的问题是如何在PHP脚本完成后恢复submit按钮，并且我希望在不刷新页面的情况下提交更多数据

编辑：
Form.php

JQuery表单示例
$（文档）.ready（函数（）{
$（“#myform”）。验证({
submitHandler:函数（表单）{
//为有效的表单做其他事情
$.post（'process.php'，$（“#myform”）.serialize（），函数（数据）{
$（'#results'）.html（数据）；
});
}
});
});
函数按钮单击（）{
document.getElementById（“formsubmitbutton”）.style.display=“none”//取消显示
document.getElementById（“按钮替换”）.style.display=“”；//显示
返回true；
}
名称


电子邮件

process.php

<?php
    print "Form submitted successfully: <br>Your name is <b>".$_POST['name']."</b> and your email is <b>".$_POST['email']."</b><br>";
?>

然后在ajax完成后（在回调中）

---

这会使按钮淡入淡出，然后再淡入淡出。更换按钮是没有必要的，也不应该这样做。

因此，如果我正确理解您的要求，您可以执行以下操作：

submitHandler: function(form) {
    // do other stuff for a valid form
    $("#formsubmitbutton").hide();
    $("#buttonreplacement").show();

    $.post('process.php', $("#myform").serialize(), function(data) {
        $('#results').html(data);
        $("#formsubmitbutton").show();
        $("#buttonreplacement").hide();
    });
}

---

然后删除您的ButtonClicked方法，如果您已经挂接到表单提交事件，则不需要该方法。

请显示您的代码！不要替换该按钮，而是隐藏它，然后在PHP脚本完成后再次显示它。执行完全相同的操作来更改它，但成功的方向不同function@zlen我不是在寻找一个代码，只是想就如何做一些建议。需要你的代码来修改它！

$('button').fadeOut();

$('button').fadeIn();

submitHandler: function(form) {
    // do other stuff for a valid form
    $("#formsubmitbutton").hide();
    $("#buttonreplacement").show();

    $.post('process.php', $("#myform").serialize(), function(data) {
        $('#results').html(data);
        $("#formsubmitbutton").show();
        $("#buttonreplacement").hide();
    });
}