在引导向导中提交每个步骤，然后提交下一步

Question

实际上我必须设计一个多步骤的表单。使用引导向导我尝试了很多，但当一个步骤(表单)被提交时，它跳转到第一步。如何防止它跳转到第一步，并在成功将当前数据保存到数据库后跳转到下一步?我使用php和javascript语言。有什么帮助吗?这可能吗?或者我必须为每个步骤设计一个页面，而不是向导选项卡。提前感谢。

Answer 1

我曾与引导向导一起工作，我使用以下代码在提交数据后移动到下一个或上一个TAB .

移动下一个选项卡

$('#form_wizard').bootstrapWizard('next');

移动前一个

$('#form_wizard').bootstrapWizard('previous');

看一下这里

Answer 2

当您单击Submit按钮时，您可以进行ajax调用并将数据作为jsonObject发送到后端。在后台，您可以按照自己的喜好处理数据，然后发回响应。因此，在success上，您返回到您的页面而不重新加载它，并且您从之前的点继续。下面是一个粗略的例子

$('#submit_btn').click(function() {
   $.ajax({
          type: "POST",
          url: "/your/page",
          data: jsonData,
          contentType:'application/json',
          processData: false,              
          error: function(response) {console.log('ERROR '+Object.keys(response)); },
          success: function(response) { console.log('SuCCESS'+Object.keys(response));
});

请注意，响应是一个对象，您可以像这样获取它的数据response.*attribute*