javascript - AJAX 代码中的 JavaScript

Question

我有一个带有提交按钮的 HTML 表单，如下所示：

<input name="sub" type="submit" value=" " id="sub" class="sub" style="cursor:pointer;" title=""/>

数据通过 POST 方法发送到 ajax.php 脚本。清单在这里：

<?php
include("../scripts/lib.php");
if (isset($_POST['sub'])){
echo "<script>
if (parent.document.getElementById('sub').className=='sub') {
parent.document.getElementById('sub').style.display='none';
parent.document.getElementById('loader').src='../../images/ajax-loader.gif';
    setTimeout(function() { 
        parent.document.getElementById('loader').style.display='none';
        parent.document.getElementById('sub').style.display='block';
        parent.document.getElementById('sub').className = 'subOK';
        parent.document.getElementById('sub').title = '1';
    }, 1000);
} else if (parent.document.getElementById('sub').className=='subOK') {
parent.document.getElementById('sub').style.display='none';
parent.document.getElementById('loader').src='../../images/ajax-loader.gif';
    setTimeout(function() { 
        parent.document.getElementById('loader').style.display='none';
        parent.document.getElementById('sub').style.display='block';
        parent.document.getElementById('sub').className = 'sub';
        parent.document.getElementById('sub').title = '2';
    }, 1000);
}
</script>";
exit;
}
?>

一切对我来说都很好，但只有一个小问题。页面加载后，您可以按提交按钮并看到 ajax-loader.gif 仅显示一次。如何更改代码以使其始终有效？