Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/370.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQuery智能向导表单提交_Javascript_Jquery_Ajax_Spring Boot_Smart Wizard - Fatal编程技术网

Javascript JQuery智能向导表单提交

Javascript JQuery智能向导表单提交,javascript,jquery,ajax,spring-boot,smart-wizard,Javascript,Jquery,Ajax,Spring Boot,Smart Wizard,所以我有一个SpringBootAPI项目,使用。第4步的第一步包含一个简单的表单。为了进行测试,我使用了一个字段(ID:first name) 单击向导的Next按钮时,jquery方法应执行,将表单详细信息发布到数据库,然后转到向导的下一步(即2) ajaxPost()可以工作,但向导不会移动到下一步。如果我取消对此行的注释/$(“#wizard”).smartWizard('goForward')ajaxPost()函数复制数据库中的大量数据 如何让向导在通过ajax功能完成表单提交后,通

所以我有一个SpringBootAPI项目,使用。第4步的第一步包含一个简单的表单。为了进行测试,我使用了一个字段(ID:first name)

单击向导的
Next
按钮时,jquery方法应执行,将表单详细信息发布到数据库,然后转到向导的
下一步(即2)

ajaxPost()
可以工作,但向导不会移动到下一步。如果我取消对此行的注释
/$(“#wizard”).smartWizard('goForward')
ajaxPost()函数复制数据库中的大量数据


如何让向导在通过ajax功能完成表单提交后,通过单击“下一步”按钮转到步骤2。

ajax帖子是异步的,因此javascript需要等待响应

您很可能希望继续使用wizzard,前提是ajax请求成功

因此,将“goForward”移到成功处理程序中:

...
success : function(result) {
        $('#wizard').smartWizard('goForward');
    },
...
您写道,许多条目被添加到数据库中。这可能有两个原因:

  • 服务器无法正常工作,因此请在那里添加断点,以查看何时调用服务器以及每次调用创建的条目数
  • 客户端多次调用服务器,因此需要调试前端

  • ajax post是异步的,因此javascript需要等待响应

    您很可能希望继续使用wizzard,前提是ajax请求成功

    因此,将“goForward”移到成功处理程序中:

    ...
    success : function(result) {
            $('#wizard').smartWizard('goForward');
        },
    ...
    
    您写道,许多条目被添加到数据库中。这可能有两个原因:

  • 服务器无法正常工作,因此请在那里添加断点,以查看何时调用服务器以及每次调用创建的条目数
  • 客户端多次调用服务器,因此需要调试前端

  • 是的,我试过了,出于某种原因,它多次将记录插入数据库,就像我在上面的代码中注释它时所做的那样…1。问题不在于服务器。我使用其他RestClient工具运行了它,它工作得非常好。2.是的,显然这就是正在发生的事情,问题是我如何修复它,和/或调用函数以转到
    ajaxPost()
    后的下一个选项卡的适当方式是什么。是的,我尝试过,出于某种原因,它多次将记录插入数据库,就像我在上面的代码中注释它时所做的那样……1。问题不在于服务器。我使用其他RestClient工具运行了它,它工作得非常好。2.是的,显然这就是正在发生的事情,问题是我如何修复它,和/或调用函数以转到
    ajaxPost()
    后的下一个选项卡的适当方式是什么。我正在按照您的代码存储数据,但是我得到了这个错误->未捕获范围错误:超过了最大调用堆栈大小。我按照您的代码来存储数据,但是我得到了这个错误->未捕获范围错误:超过了最大调用堆栈大小。