javascript - jquery步骤 |在 ajax 内容加载时将数据发送到服务器

Question

我正在使用:http://www.jquery-steps.com/Examples#async在我的项目中。这是一个很好的 Jquery 插件，用于添加向导。

我的问题是关于动态步骤的。下一步的内容应该取决于上一步的答案。如何通过 AJAX 调用向我的后端发送附加数据。我的后端将根据该值为下一步提供服务。

我搜索了文档和源代码，但找不到答案。

Answer 1

在文档中它提到了在更改步骤之前触发的事件， https://github.com/rstaib/jquery-steps/wiki/Settings#events

所以你需要做的是在这个事件上添加一个回调函数，并根据在当前步骤中选择的内容从服务器检索数据。获取数据后刷新下一步的内容。

必须小心，因为对服务器的调用是异步的，并且在转换到下一步之前会调用 onStepChanging 事件。为了使其适合您和您的用户(非阻塞)，您需要在下一页上显示一个加载微调器，直到您从对服务器的 ajax 调用获得响应，然后通过填充数据替换微调器的步骤。