Question

我正在将一些数据注册到一个非常大的表单中。现在我想在提交表单之前看到给定数据的预览到另一个选项卡。我怎么能通过ajax做到这一点？

我使用serialize（）将数据传递到ajax url，我可以在控制器上获取数据，但问题是如何将数据显示到另一个视图页面？

这是我的ajax：

 var postdata = jQuery('#job_form_post').serialize();
jQuery.ajax({
        type: "POST",
        cache: false,
        url: "<?=base_url()?>index.php/job_controller/job_post_view_before_submit",
        data : postdata,
        async : false,
       // datatype: "json",
        success: function(response){


     }
        });

在注册页面上的按钮的单击事件上调用ajax。实际上我对此目的使用数据类型和成功响应感到困惑。

在我的控制器功能中，我可以获取数据并将它们放入名为$ data的数组中。然后我使用了这一行：

$this->load->view('employee/job_post_view_before_submit', $data); exit();

这意味着我想将数据显示在名为＆＃39; job_post_view_before_submit＆＃39;的视图页面中。但此时没有任何作用。

请你帮我用ajax做这件事。或者还有其他办法吗？

Answer 1

使用bootstrap.wizard导航标签的简单方法。或者您想在另一个页面中显示数据。

步骤1：第一页表单操作到下一页没有插入功能。

步骤2：在第二页中使用“隐藏”字段或会话中第一页的值，并使用提交按钮打印该值，当您单击“提交”按钮转到在控制器/模型中插入功能时。

Answer 2

最简单的方法是使用模态窗口（例如，如果您使用引导程序）或同一页面中的选项卡（如果您可以使用不同的选项卡）可以充当确认窗口。然后你所要做的就是完成表单数据捕获（并在提交之前）调用js函数来遍历表单字段 - 获取输入的数据并将其显示给用户。然后，这个模态可以有一个确认按钮，作为触发器通过AJAX提交表单。如果用户想要编辑任何细节 - 取消模态 - 导航到所需字段 - 编辑内容并重新确认数据条目。然后像平常一样提交表格。这样一切都在一页中 - 允许在提交之前重新编辑和确认以及客户端验证。

在ajax

2 个答案: