提交jquery

Question

我有问题要实施＆＃34;请勿在提交后重新加载＆＃34;用jquery。同样的HTML代码也是名字。我发布限制代码，但名称选择值也相同。有人可以让我在这里实施吗？

Jquery的

    <script type='text/javascript'>
$(document).ready(function() {

// process the form
$('form').submit(function(event) {

    var formData = {
        'name'              : $('input[id=select_name]').val(),
        'limit'             : $('input[id=select_limit]').val()
    };

    $.post('index.php?cat=fthome', function(formData) {

})
        .done(function(data) {
            console.log(data);
        });
    event.preventDefault();
});

});
    </script>

HTML

<input class="btn-select-input" id="select_limit" name="limit" type="hidden">
<span class="btn-select-value">All names</span>
<ul name="limit">
<li <?if ($_POST['limit']=="12") echo 'class="selected"'?>>12</li>
<li <?if ($_POST['limit']=="6") echo 'class="selected"'?>>6</li>
<li <?if ($_POST['limit']=="4") echo 'class="selected"'?>>4</li>
</ul>

<button id="js-trigger-overlay" type="submit" class="btn btn-success">Search</button>

Answer 1

使用jQuery event.preventDefault()操作：

$('#js-trigger-overlay').click(function(event){ // add event parameter
    event.preventDefault();

    ...

这可以防止该操作执行任何其他操作，包括实际的提交操作，因为您已经通过后期操作处理了该操作。

(More Info)