jquery - 通过 AJAX 将 JSON 数据发布到 Web API

Question

我在尝试通过 AJAX POST 请求将 JSON 对象传递到 Web API 时遇到问题。这是我的 AJAX POST 请求

<li><a href="#register">Register</a></li>

$('#usrRegister').click(function () {
    var uname = $('#usrName').val();
    var uloginname = $('#usrLoginName').val();
    var uemail = $('#usrEmail').val();
    var upwd = $('#usrPwd').val();

    var registerObj = {
        "name": uname,
        "username": uloginname,
        "email": uemail,
        "password": upwd
    };
    console.log("registerObj :", registerObj);

    $.ajax({                    
        url: "http://localhost:54118/api/UserApi",
        type: "POST",
        //contentType: "application/x-www-form-urlencoded",
        data: JSON.stringify(registerObj),
        contentType: "application/json",
        success: function (data) {
            alert("Successfully Registered..");
        },
        error: function (xhRequest, ErrorText, thrownError) {
            alert("Failed to process correctly, please try again");
        }
    });
 });

API:

[HttpPost]
public void Post(tblUser userdata)
{
    obj.tblUsers.Add(userdata);
    try
    {
        obj.SaveChanges();
    }
    catch (System.Data.Entity.Validation.DbEntityValidationException ex)
    {
        foreach (var e in ex.EntityValidationErrors)
        {
            //check the ErrorMessage property
        }
    }
}

当我点击注册时，它在控制台中的 $.ajax({ 处显示匿名函数，并且 API 没有调用。但是当我用 application 替换 contentType 时/x-www-form-urlencoded 而不是 application/json API 正在调用，但将所有字段显示为 null。当我在 REST 客户端中调用相同的 API 时，它工作正常。帮助我是什么导致了问题。

Answer 1

谢谢回复。它正在使用此代码。我添加了 xhrFields: 'withCredentials:true' 和 contentType: 'application/x-www-form-urlencoded'

         $.ajax({                    
                    url: "http://localhost:54118/api/UserApi",
                    xhrFields: 'withCredentials:true',
                    type: "POST",
                    data: {
                                "name": uname,
                                "username": uloginname,
                                "email": uemail,
                                "password": upwd
                            },
                    contentType: 'application/x-www-form-urlencoded',
                    success: function (data) {
                        alert("Successfully Registered..");
                    },
                    error: function (xhRequest, ErrorText, thrownError) {
                        alert("Failed to process correctly, please try again");
                    }
                });