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 が 1 回だけ表示されます。常に機能するようにコードを変更するにはどうすればよいですか?