Question

我非常清楚这个问题已被问过好几次，但我已经尝试了至少6个解决方案而且没有用。我正在收集要发送到谷歌表单的数据，但在表单提交时，浏览器会重定向到成功页面。我想要使用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.
   }
});

停止表单重定向提交

1 个答案: