如何在web api的ajax post请求中包含标头

时间:2014-03-16 04:19:42

标签: ajax post header http-headers

嘿伙计我有问题我有点困惑,因为我是处理Web API的新手。我正在尝试从html页面运行POST到我的web api来创建用户。在post方法中,它会根据用户标识的标头检查身份验证。当我发送我的ajax帖子时,我将如何包含标题。现在我得到了禁止状态响应,所以我知道ajax实际上是在击中方法。

这是我的ajax电话:

$(function () {
            var $users = $("#users");
            $("#postForm").submit(function (event) {
                event.preventDefault();

                var $form = $(this),
                    firstName = $form.find("input[name='firstName']").val(),
                    lastName = $form.find("input[name='lastName']").val(),
                    email = $form.find("input[name='email']").val(),
                    password = $form.find("input[name='password']").val(),
                    url = $form.attr("action");

                var posting = $.post(url, { firstName: firstName, lastName: lastName, email: email, password: password });

                posting.done(function (data) {
                    var content = $(data).find("#content");
                    $("#result").empty().append(content);
                });

            });
        });

这是我的HTML:

form action="http://localhost:24500/api/User" id="postForm">
        <input type="text" name="firstName" placeholder="First Name">
        <input type="text" name="lastName" placeholder="Last Name">
        <input type="text" name="email" placeholder="Email">
        <input type="password" name="password" placeholder="Password">
        <input type="submit" value="Post User">
    </form>
    <div id="result"></div>

1 个答案:

答案 0 :(得分:0)

您只需使用更灵活的.ajax()函数。它允许您将基本身份验证的用户名和密码指定为配置参数。

文档 - https://api.jquery.com/jQuery.ajax/