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

【问题标题】：Submit each step and then next in bootstrap wizard提交每个步骤，然后在引导向导中提交下一步
【发布时间】：2014-06-21 08:48:42
【问题描述】：

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

【问题讨论】：

有很多引导向导，你用的是哪个，别指望我们猜到
您好，Sahib，您的问题得到答案了吗？我也有类似的挑战，我想通过单击下一步按钮向/从数据库提交或请求，但我不知道该怎么做。
试试这个链接stackoverflow.com/questions/24599180/…

标签： jquery formwizard jquery-steps

【解决方案1】：

我使用过引导向导，我在提交数据后使用以下代码移动到下一个或上一个选项卡..

用于移动下一个标签

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

用于移动上一个

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

看看here

【讨论】：

然后$('#form_wizard').bootstrapWizard('next');再次重置为first
我在Using Step Wizard in Application Form 上的问题呢？在此先感谢...

【解决方案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*得到它的数据

【讨论】：