javascript - 通过AJAX页面插入让人耳目一新

Question

这个问题已经有答案了:

insert query with ajax without reloading whole page (2 个回答)

已关闭 4 年前。

通过 AJAX 插入数据，它可以工作，但页面会刷新，为什么要提供反馈来解决此问题。

这是我的ajax代码

 <script>
        $(document).ready(function(){
            $("#button").click(function(){

                var postId=$("#postId").val();
                var userId=$("#userId").val();
                var postComm=$("#postComments").val();

                $.ajax({
                    url:'../validate/inserPostComm.php',
                    method:'POST',
                    data:{
                        poId:postId,
                        usId:userId,
                        poco:postComm
                    },
                   success:function(data){
                       //alert(data);
                   }
                });
            });
        });
    </script>

这里我使用 HTML

<form>
<input type="hidden" id="postId" name="postId" value="<?php echo $_GET["postId"]; ?>">
<input type="hidden" id="userId" name="userId" value="<?php echo $_SESSION["u_id"]; ?>">
<textarea placeholder="Post your comment" id="postComments"></textarea>
<button type="submit" id="button"><i class="fa fa-paper-plane"></i></button>
</form> 

Answer 1

您遇到这个问题是因为按钮的输入类型为“提交”

<button type="submit" id="button"><i class="fa fa-paper-plane"></i></button>

改成普通的“按钮”即可

<button type="button " id="button"><i class="fa fa-paper-plane"></i></button>