提交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後不要刷新

回答

相關問題