通过AJAX页面插入是令人耳目一新的

Question

通过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>