如何在没有刷新页面的情况下在表单中发送输入/选择字段（PHP / AJAX / JS）[重复]

Question

这个问题在这里已有答案：

• How to prevent buttons from submitting forms 16个答案

我在表单中有很少的字段来动态地将数据添加到数据库。我使用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);
  }
);