jquery - jquery对话框导致页面上的jsp动作

Question

要加载我的页面，我使用 action ResponseAction.do。

    HttpSession session = req.getSession();

    session.setAttribute("responses", clientService.getReponses());

    session.setAttribute("classes", clasService.getClasses());

    return "book";

Where book- 页面的名称。在页面上有一个对话框形式

<div id="dialog-form" title="<fmt:message key='book'/>"
    style="font-family: times new roman;">
    <p class="validateTips">
        <fmt:message key="tips" />
    </p>
    <form action="BookRoomAction.do">
        <fieldset>
            <label for="apart"><fmt:message key="aclass" /></label> <select
                id="apart" name="classid"><c:forEach items="${classes}"
                    var="classes">
                    <option value="${classes.id}">${classes.id}</option>
                </c:forEach>
            </select> <label for="beds"><fmt:message key="beds_n" /></label> <input
                type="text" id="beds" name="beds" /> <label for="days"><fmt:message
                    key="days_n" /></label> <input type="text" id="days" name="days" /> <label
                for="fio"><fmt:message key="fio" /></label> <input type="text"
                id="fio" name="fio" />
        </fieldset>
    </form>
</div> 

但是当我按下按钮打开它时

$( "#request" )
      .button()
      .click(function() {
        $( "#dialog-form" ).dialog( "open" );
      });

它会立即打开和关闭。在调试器中，我发现当我按下按钮时它会ResponseAction.do再次导致。

如何解决这个问题呢？页面上的按钮是

<button id="request" class="ui-widget-header ui-corner-all ui-widget-content">

Answer 1

问题是我没有设置按钮的类型。