如何在加载该页面之前使用 javascript 附加请求的标头

Question

我有 2 个 html 文件属于两个不同的控制器

这属于 SignupController 的 Index 动作

索引.html

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

当点击这个链接时，它会转到那个url并请求获取AccountController的ResetPassword Action的视图并获取resetPAssword.html

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

function appendHeader(urlCulture){

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

})
}

在请求 resetPassword.html 之前，我应该在 index.html 锚链接中调用这个函数吗

就像我想要的一样，当我点击它时，它将导航到 Account/Resetpassword 并使用从 javascript 文件中获取的响应来呈现而不是正常响应

Answer 1

你正在使用路由，你需要从javascript函数中获取url

这里有一个例子： Get local href value from anchor (a) tag

你可以做类似的东西：

<div class="signup-small-font pull-right"><a onclick="return appendCustomHeader(this);" href="/Account/ResetPassword">Forgot password?</a></div>

在你的 js 函数中，就像之前的回复一样，你可以做这样的事情：

function appendCustomHeader(element){

    var url = element.href; // to get full url 

    $.ajax({
        type: 'GET',
        url: url, 
        headers: {
            "CustomHeader": 'YourCustomHeader'
        },
        success: function(res) {
            // here you make anything else with your response
        }
    })

   return false;
}

我没有测试过，希望对你有用。

看来你可以禁用返回 false 的 href 重定向，

看到这个：

How can I disable HREF if onclick is executed?

Answer 2

在你的 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';
        }

    })
}

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