javascript - 如何在加载页面之前使用 javascript 附加请求 header

Question

我有 2 个 html 文件，属于两个不同的 Controller

这属于SignupController的Index操作

索引.html

<div class="signup-small-font pull-right"><a href="/Account/ResetPassword">Forgot password?</a></div>

当点击这个链接时，它会转到该url并发出请求以获取AccountController的ResetPassword Action View 并获取resetPAssword.html

现在我想要的是在发出该请求之前，我需要在服务器端的请求中附加一个自定义 header 。我正在使用 ajax javascript :

function appendHeader(urlCulture){

$.ajax({
    type: 'GET',
    url: urlCulture,
    headers: {
        "Culture": 'zh'
    },

})
}

在请求resetPassword.html之前，我应该在index.html anchor 链接中做什么来调用此函数

就像我想要的那样，当我单击它时，它将导航到帐户/重置密码并使用从 javascript 文件获取的响应来呈现，而不是正常的响应

Answer 1

在你的html文件中

<div class="signup-small-font pull-right"><a onclick="appendHeader(urlCulture)" href="#">Forgot password?</a></div>

在你的js中

function appendHeader(urlCulture){
    $.ajax({
        type: 'GET',
        url: urlCulture,
        headers: {
            "Culture": 'zh'
        },
        success: function(res) {
            window.location = 'Account/ResetPassword';
        }

    })
}

尝试一下。我不太确定这是否是您想要做的。