Question

这是我拥有的代码块：

    $("#test-wizard").steps({
        headerTag: 'header',
        bodyTag: '.container',
        transitionEffect: "slideLeft",
        autoFocus: true,
        onStepChanged: function(event, currentIndex) {
            $('#skills-form').submit();
            return true;
        }
    });

如您所见，我正在使用jQuery步骤构建多步骤表单。在每个步骤中，我都想将结果（值）发送到后端服务器。为了做到这一点，我使用了Submit（），但是它会重新加载页面，这意味着它不会进入表单的下一步。我需要的是在每一步都提交表单，但是阻止刷新整个页面，这会导致表单返回到第一步。当然，我尝试在commit函数上使用event.preventDefault（），但随后它也阻止了对后端的请求（但我只需要阻止刷新页面）。

Answer 1

您无需序列化表格，就可以对其进行序列化并使用AJAX发送数据

$("#test-wizard").steps({
  headerTag: 'header',
  bodyTag: '.container',
  transitionEffect: "slideLeft",
  autoFocus: true,
  onStepChanged: function(event, currentIndex) {
    var formData = $('#skills-form').serialize(); // Gets the data from the form fields
    $.post('path_to/form_handler_file', formData)
  }
});

在jQuery步骤中提交步骤更改

1 个答案: