0

ページをそのサイトにリダイレクトせずに、そのサイトにログイン フォームを送信し、代わりに空白のページを表示したい。私は周りを見回していて、jqueryがこれに役立つことに気づきましたが、それを正しく機能させる方法が見つからなかったので、アドバイスを期待していました. これは私が今持っているものです。

<html> 
<head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script> 
    <script src="http://malsup.github.com/jquery.form.js"></script> 
    <form id="myForm" action="placeholderurl" method="post"> 
        <input type="hidden" name="username" value = "placeholder"/> 
        <input type ="hidden" name="password" value = "placeholder"/>
        <input type="submit"/> 
    </form>
<script>
    $(document).ready(function() {
    $('#myForm').submit(function(e) {
    e.preventDefault();
    var formdata = $('#myForm').serialize();
     $.ajax({
     url: "placeholderurl",
     type: "POST",
     data: formdata,
     cache: false,
     success: function(data) {
        alert("yeah");
        //?code to display blank page after successful login??
     },
     error: function(){
        alert("noo");
     }
     });
});
});
 </script> 
 </head>
</html>

現在、コードは常に「noo」エラー ブロックに入ります。エラーからさらに情報を抽出する方法がわからないため、何が問題なのか正確にはわかりません。アドバイス/ヒントをいただければ幸いです。

*編集 placeholderurl と placeholder には、実際のコードの正しい情報が入力されています。また、投稿したいURLは、関数が呼び出されているドメインと同じドメインにないため、これに対してajaxが機能しない可能性があります(Archerからのコメント)。これが事実であるため、ajaxを使用せずに試すことができる目的の動作を取得する別の方法はありますか. 再度、感謝します。

4

1 に答える 1