jQuery mobile没有页面重定向

时间:2014-04-17 14:05:29

标签: javascript jquery html jquery-mobile

我有以下内容:

<div data-role='popup' id='popupSchedule' data-theme='a' class='ui-corner-all'>
    <form id='schedule'>
        <div style='padding:10px 20px;'>
            <div data-role='fieldcontain'>
                <label for='masterOn'>Activate:</label>
                <input type='time' name='masterOn' id='masterOn' value='' data-mini='true' data-theme='a'>
                <label for='masterOff'>Deactivate:</label>
                <input type='time' name='masterOff' id='masteroff' value='' data-mini='true' data-theme='a'>
                <input type='submit' id='setSchedule' class='ui-btn ui-corner-all ui-shadow ui-btn-b ui-btn-icon-left ui-icon-check' value='Confirm'>
            </div>
        </div>
    </form>
</div>

这是jQuery中的一个弹出窗口... 我想要做的是当用户点击提交按钮时带有元素(masterOn,masterOff)值的GET,如:

"$('#schedule').submit(function(event) { "
    "$.get('/cmd', masterOn value ..... masterOff value ...);

"});"

然后在没有页面重定向的情况下关闭弹出窗口(因为我有一个多页面实现,我需要它不重定向)。

1 个答案:

答案 0 :(得分:1)

$('#schedule').submit(function(event) { 
  $.get("/cmd", { masterOn : $("#masterOn").val(), masterOff : $("#masterOff").val() } )
   .done(function( data ) {
     // do your stuff with data
   })
   .fail(function() {
     // do your stuff if get fails
   });
   return false; // this is what you need to do to prevent page redirection
});