asp.net Web API - 如何在 HTML 表单或 A href 上设置授权标头

Question

我有这个代码：

            $.ajax({
                url: "http://localhost:15797/api/values",
                type: 'get',
                contentType: 'application/json',
                headers: {
                    "Authorization": "Bearer " + token
                }
            })

工作正常，但我想在不使用 Ajax 的情况下做到这一点，我想要这样的东西：

        <form action="http://localhost:15797/api/values" method="get">
            <input type="hidden" name="headers[Authorization]" value="Bearer token" />
            <input type="submit" />
        </form>

可能吗？或者只是在没有XMLHttpRequest的情况下做类似的事情？如何？

Answer 1

您需要

在HTTP请求标头中发送Authorization参数，它是由OAuth流强加的。当然，您可以通过更改OAuth服务器的代码来更改它，但是如果您无法控制OAuth服务器的代码，则是不可能的。

因此，回答您的问题，不，您不能将它们与表单发布的数据一起发送。但是，显然您可以将它们放在隐藏字段中，并编写一个JS代码以从字段中读取它并将其放在请求标头中。

例如

.HTML：

<input id="tokenField" type="hidden" />
<input id="submitButton" type="button" />

Javascript：

$('#submitButton').on('click',function(){
    $.ajax({
          url: "http://localhost:15797/api/values",
          type: 'GET',
          contentType: 'application/json',
          headers: {
                    "Authorization": "Bearer " + $('#tokenField').val()
                 },
          async: false
            }});

请注意，async: false使调用同步，就像提交一样。如果您需要将其他数据发布到服务器，您可以将type: 'GET'更改为type: 'POST'并添加另一个名为 data 的字段，并通过其值传递表单数据：

<input id="firstName" type="text" />
<input id="lastName" type="text" />
<input id="tokenField" type="hidden" />
<input id="submitButton" type="button" />
$('#submitButton').on('click',function(){
    $.ajax({
          url: "http://localhost:15797/api/values",
          type: 'POST',
          data: { 
                  firstName: $('#firstName').val(),
                  lastName: $('#lastName').val()
                },
          contentType: 'application/json',
          headers: {
                    "Authorization": "Bearer " + $('#tokenField').val()
                 },
          async: false
            })
});