Javascript 如何在没有页面刷新和URL路径的情况下使用ajax和php发送表单数据

这是互联网上很常见的问题，但我不知道如何解决这个问题。我有一个评论系统，用户可以在这里发表评论。问题是，当有人在页面的第10篇文章上发表评论时，他们会提交重定向到页面顶部的表单，这是我不想要的。我希望评论发送成功，用户必须在同一职位。我希望我能理解你们所有有经验的开发人员

HTML表单

添加注释

您当前不阻止表单执行其默认行为。当您单击type=“submit”按钮时，表单get将被发送到

中指定的页面，或者发送到同一页面（如果该页面为空）

$(document).ready(function(){  
  $('#form').on('submit', function(){
    event.preventDefault()
      
    var add_comments = $('#add_comments').val();
    if(add_comments == '')  
    {  
         $('#error_msg').html("Comments blank!");  
    }  
    else  
    {  
    $('#error_msg').html('');  
    $.ajax({  
         url:"index.php",  
         method:'post',  
         data:{add_comments:add_comments},  
         success:function(data){  
              $("form").trigger("reset");  
              $('#succ_msg').fadeIn().html(data);  
              setTimeout(function(){  
                   $('#success_message').fadeOut("Slow");  
              }, 2000);  
         }  
    });  
       }  
  });  
});

---

这将阻止重新加载页面，并改为执行javascript；…仍然存在相同的问题，没有页面刷新就不提交no@Junc不应该出现相同的问题..看一看，我输入了您发送的代码，但当我按send按钮时，执行了与以前相同的功能。（没有页面刷新就不提交）查看@j4g0的更新答案，它应该可以解决您的问题。.虽然我总是喜欢使用

表单

提交事件，而不是

按钮

点击事件，但我添加了预防事件仍然不起作用。而action=“”I wan to be emtpy（我在同一页面上运行了查询）我的缺点是，在尝试对该事件做出反应之前，我们实际上应该添加EventListener。您忘记将

event

添加到

function（event）

：-）在jQuery:D$（document）.ready（function（）{$（'#form'）。on（'submit'，function（event）{event.preventDefault（）…这是更新的代码，同样的问题