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({ 
     ... 
    }); 
});