未正确接收从 jquery 发送到 Web API 客户端的授权标头

Question

我正在做一个 web api 授权

我使用以下代码从 jquery 向 Web API 进行授权调用

<script src="Scripts/jquery-1.10.2.min.js"></script>
<script>
    $(document).ready(function(){
        var ulEmployees = $('#ulEmployee');
        var username = $('#uname').val();
        var password = $('#pword').val();
        username = "male";
        password = "male";
        $('#btn').click(function () {

            $.ajax({

                type: 'GET',
                url: 'api/Employees',
                dataType: 'json',
                headers: {

                    'Authorization': 'Basic' + btoa(username + ':' + password)

                },

                success: function (data)
                {
                    ulEmployees.empty();
                    $.each(data, function (index, val) {

                        var fullName = val.FirstName + ''+val.gender + '' + val.LastName;
                        ulEmployees.append('<li>' + fullName + '</li>');

                    });
                },


            });
        });



        $('#btnclear').click(function(){

            ulEmployees.empty();

        });


        });

        });

</script>

但在控制器端，我没有正确接收数据

如下

actionContext.Request.Headers.Authorization.Parameter=null

actionContext.Request.Headers.Authorization.Scheme="BasicbWFsZTptYWxl"

但实际上我需要如下所示

actionContext.Request.Headers.Authorization.Parameter="bWFsZTptYWxl"

actionContext.Request.Headers.Authorization.Scheme="Basic"

Answer 1

看起来您需要在“基本”之后添加一个空格符号

'Authorization': 'Basic' + btoa(username + ':' + password)

所以这个字符串可能看起来像

'Authorization': 'Basic ' + btoa(username + ':' + password)