Question

对不起大家.. :(我的不好我实际上没有包含jquery库... 对不起：3我现在非常疲惫。

有人可以告诉我错误和/或缺少我的代码吗？返回false是行不通的....下面的代码是否有任何冲突？...

html

<form class="login-form" method="POST" action="loginauthenticate.php">
    <fieldset>

        <h3>WELCOME!</h3>
        <div id="get_content"></div>
        <p>
            <input class="username" type="text" name="username" placeholder="Username" autocomplete="off" required/>
            <br>
            <input class="password" type="password" name="password" placeholder="Password" required/>
            <br>
        </p>
        <input id="register" class="login-button" type="submit" value="Log In" />

    </fieldset>
</form>
<footer>
    <P>&copy; 2016 ACT Students,Thesis</P>
</footer>

js

<script type="text/javascript">
    $(document).ready(function() {
        $('form').submit(function() {
            $.ajax({
                data: $(this).serialize(),
                type: $(this).attr('method'),
                url: $(this).attr('action'),
                success: function(data) {
                    $('#get_content').html(data);
                }
            });
            return false;
        });
    });
</script>

Answer 1

这适用于防止默认和Ajax也会触发。再试一次。

<script type="text/javascript">
    $(document).ready(function() {
        $('form').submit(function() {
            $.ajax({
                data: $(this).serialize(),
                type: $(this).attr('method'),
                url: $(this).attr('action'),
                success: function(data) {
                    $('#get_content').html(data);
                }
            });
            return false;
        });
    });
</script>

Answer 2

您需要使用event.preventDefault()并在event中添加submit(function(event)变量。事件参数来自事件绑定功能。这是停止元素的默认操作发生的标准方法。如果调用此方法，则不会触发事件的默认操作。

当你打电话时，

return false;分别做三件事：

1.event.preventDefault（）; - 它会停止浏览器的默认行为。

2.event.stopPropagation（）; - 它可以防止事件传播（或“冒泡”）DOM。

3.停止回调执行并在被调用时立即返回。

preventDefault();做了一件事：它停止了浏览器的默认行为。

那么什么时候使用它们？这完全取决于你想要完成什么。使用preventDefault（）;如果你想“只是”阻止默认的浏览器行为。使用return false;当您想要阻止默认浏览器行为并阻止事件传播DOM时。在大多数情况下你会使用return false;你真正想要的是preventDefault（）。

<script type="text/javascript">
    $(document).ready(function() {
        $('form').submit(function(event) {
            event.preventDefault();
            $.ajax({
                data: $(this).serialize(),
                type: $(this).attr('method'),
                url: $(this).attr('action'),
                success: function(data) {
                    $('#get_content').html(data);
                }
            });
        });
    });
</script>

Answer 3

尝试在ajax工作之前输入false

 $('form').submit(function() {
        return false;
        $.ajax({
            data: $(this).serialize(),
            type: $(this).attr('method'),
            url: $(this).attr('action'),
            success: function(data) {
                $('#get_content').html(data);
            }
        });
    });

返回false不能在我的jquery ajax帖子中工作，它发送到我的php文件

3 个答案: