在Spring MVC中关闭jquery ui弹出后关闭后必须重定向HTML页面

Question

Html page must be redirect after closing jquery ui popup close after sometime in spring mvc

hi my project based spring mvc project in scala, i have a specific need when i submit the form via submit button jquery-ui pop showed after ax time it must be close automatically then i need to redirect to next page But the problem is when i submit the form it'l redirect to next page very fast i canonot actuall see the popup script

$(document).ready(function(){
  $("#button").click(function(){


    $("#alert").dialog({

        modal: true,
        open: function() { var foo = $(this);
            setTimeout(function() {
               foo.dialog('close');
            }, 3000);
        }
    });

  });
});

spring controller in scala

  @RequestMapping(value = Array("/Next.html"), params = Array({ "submit" }))
  def next(model: ModelMap, @RequestParam opt: String, opt1: String, opt2: String): String = {

    processing(opt, opt1, opt2)
    println(opt + " " + opt1 + " " + opt2)
    b += 1

    "redirect:/student/test.html"
  }

my html form

<form action="#" th:action="@{/Next.html}">
            <div th:each=" q: ${question}">


                <input  type="submit" name="submit"
                     />
            </div>
        </form>

Answer 1

The problem is submit button will submit the form as soon you click on it. Make the type of button as button instead of submit so that it will not submit your form on clicking. Now bind your click function on this button like you did with a little modification suggested below.

$(document).ready(function(){
  $("#button").click(function(){


    $("#alert").dialog({

        modal: true,
        open: function() { var foo = $(this);
            setTimeout(function() {
               foo.dialog('close');
               $('form').submit();
            }, 3000);
        }
    });

  });
});