ajaxでフォーム送信をリダイレクト

Question

私はGoogleフォームにフォーム応答を送信して、感謝のページにリダイレクトします。 Googleスクリプトは、ユーザーを直接レポートページにリダイレクトします。私は、Googleのリダイレクトと私の場所をドロップしたい。

フォーム：

<form method="post" id="formID" action="gscript"> 
... 
</form> 

スクリプト：

<script> 
    $(document).on('submit', '.formID', function(e) { 
    $.ajax({ 
     url: $(this).attr('action'), 
     type: $(this).attr('method'), 
     data: $(this).serialize(), 
     success: function(html) { 
     alert('ok'); 
     window.location("Thanks page link"); 
     } 
    }); 
    e.preventDefault(); 

}); 
</script> 

Answer 1

要求がうまく、成功し、終了したときに呼び出される.success（）コールバック関数を追加します。この機能では、あなたにありがとう、あなたにリダイレクトしてください。すべての変更の

$.ajax({ 
    url: $(this).attr('action'), 
    ... 
    success: function(result) { 
     // result unused, drop it if you want :) 
     window.location.replace('url_to_your_thank_you_page'); 
    } 
}); 

Answer 2

まずこの$(document).on('submit', '.formID', function(e) {この$(document).on('submit', '#formID', function(e) {へ：このように

。あなたのコメント次

$('#formID').submit(function(e) { 
    e.preventDefault(); 
    $.ajax({ 
     url: $(this).attr('action'), 
     type: $(this).attr('method'), 
     data: $(this).serialize(), 
     success: function(html) { 
      alert('ok'); 
      window.location("Thanks page link"); 
     } 
    }); 
}); 

EDIT
、私はgscriptのAPIに精通していないんだけど、多分起動しますbuttonを配置することを検討：
今ajax呼び出しの前に、上にこの行e.preventDefault();を配置してみてくださいあなたの機能を問題にする$('#myForm').submit()