Javascript 带有ajax的表单-不带刷新页面的消息表单php

我希望在不刷新页面的情况下使用ajax调用发送表单

Html

PHP

消息显示一秒钟，但页面正在重新加载。

---

如何使用PHP加载消息而不刷新页面。

将您的提交输入类型更改为按钮。

将您的提交输入类型更改为按钮。

这是因为您的按钮类型为提交！ 我建议你用这个来代替：

<button id="submit" class="embtn btn-1" onclick="submitform()">Send</button>

发送

这是因为您的按钮类型是submit！ 我建议你用这个来代替：

<button id="submit" class="embtn btn-1" onclick="submitform()">Send</button>

发送

使用Javascript事件：

HTML

JAVASCRIPT

$('form').on('submit',function(event){
  event.preventDefault();
  var form = event.currentTarget;
  $.ajax(
    {
        url : $(form).attr('action'), 
        type: 'post', 
        data: $(form).serialize() 
    }
  ).done(
    function(html) {
        $( ".form-message" ).append( html );
    }
  );
});

---

使用Javascript事件：

HTML

JAVASCRIPT

$('form').on('submit',function(event){
  event.preventDefault();
  var form = event.currentTarget;
  $.ajax(
    {
        url : $(form).attr('action'), 
        type: 'post', 
        data: $(form).serialize() 
    }
  ).done(
    function(html) {
        $( ".form-message" ).append( html );
    }
  );
});

---

你能提供更多的信息比如你的html吗？我不知道主要的问题是什么，但请注意表单中的任何按钮元素都将执行提交操作。因此，您必须阻止它提交表单，并使用ajax调用来完成它。“它不工作”不是一个正确的问题描述。请阅读并编辑您的问题。检查您的控制台，有一些错误。您能提供更多信息，如您的html吗？我不知道主要的问题是什么，但请注意表单中的任何按钮元素都将执行提交操作。因此，您必须阻止它提交表单，并使用ajax调用来完成它。“它不工作”不是一个正确的问题描述。请阅读并编辑您的问题。检查您的控制台，有一些错误。

<button id="submit" class="embtn btn-1" onclick="submitform()">Send</button>

$('form').on('submit',function(event){
  event.preventDefault();
  var form = event.currentTarget;
  $.ajax(
    {
        url : $(form).attr('action'), 
        type: 'post', 
        data: $(form).serialize() 
    }
  ).done(
    function(html) {
        $( ".form-message" ).append( html );
    }
  );
});