无法从 jQuery 脚本调用 Web API

Question

在开发真正的应用程序之前，我正在对 Web Api 项目进行小测试。我实现了一些基本的GET 操作没有问题，但是POST 请求存在一些问题。 我用这样的jQuery调用POST请求

var data = { name: "Pedro" };
$.post({
        url: "http://localhost/Demo/api/user",
        dataType: "json",
        contentType: "application/json;charset=utf-8",
        data: $.stringify("="+data),
        success: function (data) {
            alert(data[0].Name);
        },
        error: function () {
            alert("error");
        },
        complete: function () {
            alert("complete");
        }
    })

我的 POST 操作是这样的（在 UserController.vb 上）

Public Function PostUser(<FromBody()> ByVal name As String) As Demo.User.Model.User
    Dim ids As Integer() = From userId In (From user In users Select user.Id)

    Dim maxId As Integer = ids.Max + 1
    Dim newUser As Demo.User.Model.User = New Demo.User.Model.User With {
        .Id = maxId, _
        .Mail = name & "@abc.com", _
        .Name = name _
    }
    users(maxId) = newUser
    Return newUser
End Function

使用上面的 jQuery 代码，我没有收到错误或异常消息，甚至没有达到它的操作。但是，如果我从代码隐藏测试操作（我正在通过 Web 表单项目实现 Web Api），则会调用该操作。这是我从代码隐藏中测试的方式

Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load
    Dim client As New WebClient()
    Dim data As New NameValueCollection()

    data.Add("name", "Pedro")

    Dim response As Byte() = client.UploadValues("http://localhost/Demo/api/user", "POST", data)
    lbl.Text = Encoding.ASCII.GetString(response)
End Sub 

那么，我的问题是，为什么我的 js 代码无法访问 web Api 操作？

在你问之前，我使用$.stringify("="+data),，因为我用this code扩展了jQuery，我这样做是因为我需要支持旧版本的IE。

我也查了this question，没有成功

更新：我已经在 Chrome 上调试了该网站，并收到了 404 error。出于某种原因，数据对象是这样发送的http://localhost/Demo/[object%20Object]

Answer 1

我已经解决了我的问题，但还是不太明白。查看jQuery documentation，我发现$.post() 调用中的data 选项是针对GET 请求的

数据类型：PlainObject 或 String 或 Array 要发送到的数据 服务器。如果还不是字符串，则将其转换为查询字符串。 它附加到 GET 请求的 url。请参阅 processData 选项 防止这种自动处理。对象必须是键/值对。如果 value 是一个数组，jQuery 用相同的键序列化多个值 基于传统设置的值（如下所述）。

所以我将代码更改为$.post() 调用的first option

var data = { Name: "Pedro", Mail: "peter@mail.com" };
$.post("http://localhost/Demo/api/user", data, function (d) { alert(d);}, "json")

这实际上解决了我的问题，但我对解决方案不太满意，因为如 jquery 文档中所述，data 属性会根据方法调用改变它的行为，所以我认为它应该没问题我以前……如果有人能澄清这将是很棒的:)