提交jquery后不要刷新

-1

我有问题要用jquery实现“不要刷新后重新加载”。同样的html代码也是名字。我发布了限制代码，但名称选择值也是一样的。有人可以指示我在这里执行吗？提交jquery后不要刷新

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>

来源

2016-04-29 user3307783

https://api.jquery.com/event.preventdefault/ – Mike

或更换类型= “提交” 类型= “按钮”。 –

@SirajulHaq我改变了但不起作用 – user3307783

使用jQuery的event.preventDefault()行动：

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

    ...

这阻止操作执行任何其他行动，包括实际提交一份行动以来，你已经通过一个事后处理来处理。

(More Info)

来源

2016-04-29 20:19:58 Aeolingamenfel

提交jquery后不要刷新

回答

相关问题