jqueryをサブミットした後にリロードしない

Question

jqueryで「submit後にリロードしない」を実装するのに問題があります。同じ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> 

<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

HTMLは、jQueryのevent.preventDefault()アクションを使用します

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

    ... 

これがあるため、実際の送信アクションを含む、他のアクションを実行するからアクションを防止しますあなたはすでにそれをポストアクションで扱います。

(More Info)