AJAX href ='＃'導航url

Question

這是我試圖做的簡單版本，但是當你點擊鏈接時，它會將頁面重定向到url +＃，這會創建一個額外的導航步驟當試圖使用瀏覽器後退按鈕時。

如果我刪除了href它不起作用，如果我將其更改爲href =''，那麼它每次刷新頁面。

處理這個問題的正確方法是什麼？我仍然試圖學習jQuery/AJAX，所以這可能是一個非常基本的問題。

http://jsfiddle.net/bvp8xa5x/

HTML

<div id='updateMe'>Old Value</div> 
<a href='#' id='test'>Test</a> 

jQuery的

$(function(){ 
    $('#test').click(function(){ 
     $.ajax({ 
      type: "GET", 
      url: '', 
      success: function(data) { 
       $('#updateMe').html('New Value'); 
      } 
     });   
     return false; 
    }); 
}); 

Answer 1

另一種方式來阻止鏈接被跟蹤，是調用了preventDefault（）上的click事件。

$('#test').click(function(e){ 
    e.preventDefault(); 
    $.ajax({ 
     ... 
    }); 
});