javascript - 如何在不刷新页面的情况下发送表单中的输入/选择字段(PHP/AJAX/JS)

Question

我在表单中几乎没有字段可以动态地将数据添加到数据库。我使用 ajax 将数据从几个字段发送到 php 并收到正确的响应。但是，当我单击带有附加单击处理程序的按钮来提交所需字段时，整个表单都会重新加载，我不知道为什么。有人可以帮我吗？无论如何，提前致谢;)

  $("#button").click(
    function(){
        var somedata1= $(".someinput").val();
        var somedata2= $(".someselect").val();
        ajax_post('http://someurlhere', 
        'some1='+somedata1+'&some2='+somedata2+'&csrf_token='+csrf_token, handle_submit, handle_error);
    }
);

Answer 1

您需要防止提交表单时执行的默认操作(重新加载页面)。

$("#button").click(
  function(e){
    // this prevents the default action from the submit action
    e.preventDefault();
    var somedata1= $(".someinput").val();
    var somedata2= $(".someselect").val();
    ajax_post('http://someurlhere', 
    'some1='+somedata1+'&some2='+somedata2+'&csrf_token='+csrf_token, handle_submit, handle_error);
  }
);