通过 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>
最佳答案
您遇到这个问题是因为按钮的输入类型为“提交”
<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>
关于javascript - 通过AJAX页面插入让人耳目一新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53332957/