Javascript 尝试在提交后停止表单重定向（return false&；prevent.default无效！）

我花了好几个小时试图解决的问题如下：在数据成功提交到数据库后，我无法停止对#myform操作的重定向。我试过多种方法，但似乎都不管用。我急需帮助

守则：

Html（mainview.php）：

php（userFiles.php）：

---

我尝试过ajax方法、prevent.default等，但都不管用

将输入类型更改为

按钮

<input id="sub" type="button" name="go" value="Submit"/>

---

将输入类型更改为

按钮

<input id="sub" type="button" name="go" value="Submit"/>

这应该会阻止提交

这将停止提交。首先，将$（“#myForm”）.submit（…从单击事件中移出，使其成为自己的事情。然后，将e传递到该函数中。因此，它将如下所示

$("#myForm").submit(function(e) {
       e.preventDefault();
       return false;
});
$("#sub").click(function() {
    var data = $("#myForm :input").serializeArray();
    $.post( $("#myForm").attr("action"),data, function(info) {
        $("#result").html(info); 
    });
});

这将解决您眼前的问题。我的想法是…甚至不要为此使用表单。没有理由这样做。您通过Ajax发布数据，因此没有理由使用表单提交。我会这样做

$("#myForm").submit(function(e) {
       e.preventDefault();
       return false;
});
$("#sub").click(function() {
    var data = $("#myForm :input").serializeArray();
    $.post( $("#myForm").attr("action"),data, function(info) {
        $("#result").html(info); 
    });
});

HTML

<div id="form">
    <div class="form-item">
        <label for="name">Name:</label>
        <input name="name" id="name" type="text" />
    </div>
    <button id="sub">Submit Form</button>
</div>

首先，将$（“#myForm”）.submit（…移出click事件，使其成为自己的事情。然后，将e传递到该函数中。因此，它将如下所示

$("#myForm").submit(function(e) {
       e.preventDefault();
       return false;
});
$("#sub").click(function() {
    var data = $("#myForm :input").serializeArray();
    $.post( $("#myForm").attr("action"),data, function(info) {
        $("#result").html(info); 
    });
});

这将解决您眼前的问题。我的想法是…甚至不要为此使用表单。没有理由这样做。您通过Ajax发布数据，因此没有理由使用表单提交。我会这样做

$("#myForm").submit(function(e) {
       e.preventDefault();
       return false;
});
$("#sub").click(function() {
    var data = $("#myForm :input").serializeArray();
    $.post( $("#myForm").attr("action"),data, function(info) {
        $("#result").html(info); 
    });
});

HTML

<div id="form">
    <div class="form-item">
        <label for="name">Name:</label>
        <input name="name" id="name" type="text" />
    </div>
    <button id="sub">Submit Form</button>
</div>

---

足以防止对子系统的deafult动作：

$("#sub").click(function (e) {

    e.preventDefault();

    var data = $("#myForm :input").serializeArray();

    $.post( $("#myForm").attr("action"),
                  data, function(info) {
                        $("#result").html(info); } )

---

})

足以防止接头上的deafult动作：

$("#sub").click(function (e) {

    e.preventDefault();

    var data = $("#myForm :input").serializeArray();

    $.post( $("#myForm").attr("action"),
                  data, function(info) {
                        $("#result").html(info); } )

---

}))

如果您通过ajax或jquery提交表单数据，则应将输入类型表单“提交”更改为“按钮”类型

<input id="sub" type="button" name="go" value="go"/>

---

如果您通过ajax或jquery提交表单数据，则应将输入类型表单“提交”更改为“按钮”类型

<input id="sub" type="button" name="go" value="go"/>

make

input\sub

不是

type=“submit”

，只是

type=“button”

。您正在提交表单并发送ajax请求。很可能js执行得太晚，已经在重定向时执行了。同时删除

$（“#myForm”）.submit（

在ajax成功响应中使用window.Redirect方法。在ajax成功响应中使用window.Redirect方法。-使用window？使

input#sub

不是

type=“submit”

，只是

type=“button”

。您正在提交表单并发送ajax请求。很可能js执行得太晚，已经在重定向时执行了。还要删除

$（“#myForm”）。提交（

Use window.Redirect method in ajax success response.Use window.Redirect method in ajax success response.-Use window？我以前尝试过preventDefault，但当时不起作用，现在不起作用。但是谢谢。将按钮更改为：提交但仍不起作用。编码仍将重定向页面，因为您的按钮类型为

Submit

我尝试直接复制并粘贴您的输入按钮，但现在数据未提交到数据库。这肯定是其他问题。这很好是的，我在来这里之前尝试了多种方法，经过数小时的尝试后，我不得不来这里寻求帮助。我不知道问题出在哪里，但被忽视的理智解决方案奏效了，感谢上帝！我的代码一定是一团糟。也感谢您尝试帮助！将按钮更改为：提交但仍不起作用。编码仍将重定向页面，因为您的按钮类型为

Submit

我尝试直接复制和粘贴您的输入按钮，但现在数据未提交到数据库。这肯定是其他问题。这非常好是的，我尝试了多种方法ds在来这里之前和几个小时的尝试之后，我不得不来这里寻求帮助。我不知道问题出在哪里，但被忽视的理智解决方案起了作用，感谢上帝！我的代码一定是一团糟。也感谢你的帮助！我记下了你的建议，你建议不要使用表单，效果很好！非常感谢你！最后，在6点之后urs这个问题我已经解决了。我很惭愧！感谢所有试图帮助我的人！太棒了，很高兴我能提供帮助。祝你好运，JavaScript非常有趣，我相信你会做得很好。我注意到了你的建议，你关于不使用表单的建议非常有效！非常感谢你！最后，在6个小时后，我完成了这个问题。我很高兴我很惭愧！感谢所有试图帮助我的人！太棒了，很高兴我能帮助你。祝你好运，JavaScript很有趣，我相信你会做得很好。