Don't提交jquery后重新加载

Don't reload after submit jquery

本文关键字：新加载 加载 jquery 提交 Don      更新时间：2023-09-26

我在用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>

使用jQuery event.preventDefault()操作：

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

这将阻止该操作执行任何其他操作，包括实际的提交操作，因为您已经通过post操作处理了该操作。

（更多信息）

相关文章：