Аяксифицируйте гиперссылку, чтобы в случае успеха загружать контент, в противном случае перенаправление по умолчанию

Question

У меня есть <a href> гиперссылка.Я использовал JQuery, поэтому при нажатии на ссылку содержимое загружается в div на текущей странице (т. Е. Остается на той же странице), и теперь оно работает.

Однако я также хочу, чтобы в случае сбоя запроса ссылкадействуйте нормально и перейдите по ссылке href.

Я пробовал e.preventDefault ();и вернуть ложь;в случае успеха: функция обратного вызова, но они не в правильной области видимости.Если я помещу e.preventDefault () в вызывающую функцию, я не смогу отменить этот эффект позже.

Вот мой код:

$('a.more-link').click(function(e){
    var postId=$(this).closest('div.post').attr("id").replace(/^post-(.*)$/,'$1');
    var postContent=$(this).parent();
    $.ajax({
        url:"?action=ajax_load_post&id="+postId,
        success:function(data){
            postContent.html(data);
            // Can't access e.preventDefault, nor return false;
        },
        error:function(data){

        }
    });
    e.preventDefault();
});

Answer 1

Не беспокойтесь о preventDefault(), просто перенаправьте пользователя в функции ошибки следующим образом:

$('a.more-link').click(function(e){
    var postId=$(this).closest('div.post').attr("id").replace(/^post-(.*)$/,'$1');
    var postContent=$(this).parent();
    var _this = $(this);
    $.ajax({
        url:"?action=ajax_load_post&id="+postId,
        success:function(data){
            postContent.html(data);
        },
        error:function(data){
            window.location = _this.attr('href');
            return false;
        }
    });
});