リダイレクト時にフォームを停止する

Question

この質問は何回か尋ねられましたが、私は少なくとも6つの解決策を試してみましたが、うまくいきません。 Googleフォームに送信するデータを収集していますが、フォーム提出時にブラウザは成功ページにリダイレクトされます。私はすべてAJAXを使用して起こるが、私のコードはうまくいかない。

HTML：

<form id="userinfo" method="get" action="https://script.google.com/macros/s/xxx/exec" accept-charset="UTF-8" onsubmit="return false"> 
    <input type="text" name="name" id="formname" placeholder="Name"> 
    <input type="text" name="email" id="formemail" placeholder="Email">placeholder="Game Days"> 
    <input type="submit" value="submit" id="upload_data"/> 
</form> 

JS：

$("#userinfo").submit(function(e) { 

     var urll = "https://script.google.com/macros/s/xxx/exec"; // the script where you handle the form input. 

     $.ajax({ 
       type: "GET", 
       url: urll, 
       data: $("#userinfo").serialize(), // serializes the form's elements. 
       success: function(data) 
       { 
        alert(data); // show response from the php script. 
       } 
      }); 

     e.preventDefault(); // avoid to execute the actual submit of the form. 
    }); 

Answer 1

あなたが提出を行わず、フォームを送信するためにjQuery Form Pluginを使用することができます。

あなたのコードは次のようにちょっとになります。

$("#userInfo").ajaxSubmit({ 
    success: function(data) 
    { 
     alert(data); // show response from the php script. 
    } 
});