htmlフォームのpostからのレスポンスを取得し、その値をサーバーに自動送信したいです。

大変お世話になっております。

以下の様な設定で、http://www.test.com/test.html というページのhtmlのフォームからユーザーIDとパスワードを入力し、送信ボタンをクリックし、https://server.com/send1 へPOST送信すると、一番下に表示されている様に、urlにhttps://server.com/send1と表示されたまま、画面に正しいresponceが表示されます。

javascriptを使用して、responceを取得次第、https://server.com/send2に、この返ってきたresponceを付加して自動的に送信しなければならなく、以下の様な設定にしておりますが、https://server.com/send2 にリダイレクトされません。

それは、以下のjavascriptの記述に問題があるのか、あるいは画面に表示されているresponseがhttp://www.test.com/test.htmlに実際には返ってきていないため（urlはhttps://server.com/send1の状態である為）、よってそのページ内にあるjavascriptに読まれていないためなのかなどが分かりません。

どのような記述、設定にすれば上記の目的を達成できるか、ご教授頂けませんでしょうか。

http://www.test.com/test.html

<script language="JavaScript"><!--

xhr.onreadystatechange = function() {

    if(xhr.readyState === 4 && xhr.status === 200) {

        $responce = window.sessionStorage.getItem('responce');

        var xhr = new XMLHttpRequest(); 
        xhr.open('POST',  'https://server.com/send2');
        xhr.setRequestHeader('content-type',  'application/x-www-form-urlencoded');
        xhr.send('responce=$responce');

    }
}

</script>

<form action="https://server.com/send1" method="post">
<input name="USER" id="USER"  type="hidden" value=""/>
<input name="PWD" id="PWD" type="hidden" value="" />
<input type="submit" value="送信">
</form>

以上のフォームの送信ボタンをクリックすると以下が表示される。（responceは正しい内容）

url: https://server.com/send1

画面表示：responce=23swde7688j9jse

*補足

<script type="text/javascript">
・・・・・
function send1(){
    send_flag = true;
    xhr.open( 'POST','https://xxxx.com/send1/', false );
    xhr.setRequestHeader( 'Content-Type', 'application/x-www-form-urlencoded' );
    xhr.send('USER=u1&PWD=p1');
    xhr.abort();
}

</script>

<form method="POST">
<input name="USER" id="USER" type="hidden" value=""/>
<input name="PWD" id="PWD" type="hidden" value="" />
<input type="submit" value="送信" onclick="send1()">
</form>