首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何停止页面重载

如何停止页面重载
EN

Stack Overflow用户
提问于 2019-08-14 00:08:25
回答 4查看 1.7K关注 0票数 3

我尝试使用ajax jquery来阻止页面在按钮被按下时重新加载,但是在我实现它之后,页面仍然在重新加载。

这只是一个“喜欢”帖子的测试系统。

//回显行的foreach循环

代码语言:javascript
复制
foreach($dbData as $post){
  <p id="likecount" class = "likecount"> </p>
     <p>
     <form method="post" id="liketest" class="redirect" >
     <button type="submit" id="like" name="like" value= "'.$post["id"].'">
         <i class="fa fa-heart"></i>
     </button>
     </form>
     </p>
}

<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#like').focus();
            $('#like').keypress(function(event) {
                var key = (event.keyCode ? event.keyCode : event.which);
                if (key == 13) {
                    var info = $('#like').val();
                    $.ajax({
                        method: "POST",
                        url: "index.php",
                        data: {like: info},
                        success: function(status) {
                            $('#likecount').append(status);
                            $('#like').val('');
                        }
                    });
                };
            });
        });
    </script>
<?php
if (isset($_POST['like'])) {
    echo '<h1>'.$_POST['like'];
}
?>

我希望它不会重新加载页面,但实际输出的是页面在单击按钮后仍然会重新加载。

EN

回答 4

Stack Overflow用户

发布于 2019-08-14 00:12:23

您可以使用:

event.preventDefault()

之后

$('#like').keypress(function(event) {

若要停止重新加载页面,请执行以下操作。

票数 3
EN

Stack Overflow用户

发布于 2019-08-14 00:13:34

请像这样更改您的代码。

代码语言:javascript
复制
<form method="post" id="liketest" class="redirect" onSubmit="return false;">

然后,您必须使用ajax发送表单数据。这是发送post请求而无需页面重载的最好方法。

票数 1
EN

Stack Overflow用户

发布于 2019-08-14 00:17:01

尝尝这个

代码语言:javascript
复制
event.preventDefault();

在这之后

代码语言:javascript
复制
$('#like').keypress(function(event) {
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/57481586

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档