Question

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

Answer 1

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

用于移动下一个标签

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

用于移动上一个

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

看看here

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*

那样获取其数据

在bootstrap向导中提交每个步骤然后接下来

2 个答案: