AJAX href ='#'导航网址

时间:2014-09-10 19:05:37

标签: javascript jquery html ajax

这是我尝试做的简单版本,但当您点击链接时,它会将页面重定向到网址+#,这会在尝试使用浏览器时创建一个额外的导航步骤按钮。

如果我删除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;
    });
});

1 个答案:

答案 0 :(得分:0)

停止跟踪链接的另一种方法是在click事件上调用preventDefault()。

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