javascript - jQuery location.reload 在 ajax 成功后发生

Question

当我尝试重新加载网页时，我在使用ajax成功时遇到了一个主要问题。在ajax成功中，我同时拥有location.reload和window.location.hash。在这个location.reload之后，我需要触发一个点击事件来打开一个关闭的div。

但不幸的是，它是首先触发的点击事件，并且在ajax成功后发生位置重新加载。下面是我的代码。

$.ajax({
        url: updatedUrl,
        dataType: 'json',
        type: 'post',
        data: 'id=' +  id,
        complete: function() {},
        success: function(data) {
            $('.overlay').hide();
            alert(data.status+': '+data.message);
            location.reload();
            window.location.hash = 'link';
            $('toggle-arrow').trigger('click');
        },
        error: function(xhr, ajaxOptions, thrownError) {
            alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
        }
});

有没有办法在位置重新加载后触发点击？

Answer 1

您需要在重新加载之前添加哈希，并检查链接的加载函数的哈希，如果匹配则触发点击事件，

$(document).ready(function(){
    if(window.location.hash == '#link'){
          $('toggle-arrow').trigger('click');
    }
})


$.ajax({
        url: updatedUrl,
        dataType: 'json',
        type: 'post',
        data: 'id=' +  id,
        complete: function() {},
        success: function(data) {
            $('.overlay').hide();
            alert(data.status+': '+data.message);
            window.location.hash = 'link';
            location.reload();            

        },
        error: function(xhr, ajaxOptions, thrownError) {
            alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
        }
});