在后退按钮上单击执行功能。

Question

在document.ready 事件中，我有一个函数可以收集具有“wordNum”属性的 html 控件，然后我发出一个 AJAX 请求，该请求返回了每个控件的一些描述，然后我设置了这些控件及其innerhtml 属性和返回的描述。

问题是如果用户点击后退按钮，这个功能当然没有执行，但我需要那个。

代码：

$(document).ready(function () {
    Translate();
});
function Translate() {
    var list = new Array();
    $("*[wordNum]").each(function () {
        var endRes = {
            ControllerName: this.id,
            WordNumber: this.getAttribute("wordNum")
        };
        list.push(endRes);
    });
    jQuery.ajax({
        url: ' @Url.Action("Translate")',
        contentType: "application/json",
        dataType: "json",
        data: {
            List: JSON.stringify(list)
        },
        traditional: true,
    }).done(function (data) {
        $.each(data, function (key, val) {
            $("*[wordNum]").each(function () {
                if (this.id == val.ControllerName) {
                    this.innerHTML = val.Description;
                }
            });
        });
    });
}

那么我怎样才能让点击后退按钮再次执行此功能Translate。

Answer 1

您可以使用 popstate 事件来触发事件：

$(window).on("popstate", function (event, state) {
    // Here comes the code to execute when the back button is pressed
}