使用 XMLHttpRequest 将数据发送回带有参数的 Web 服务器

Question

如果我从 PostUser 方法中删除字符串参数，下面的代码可以找到。 但是当我添加 blob 时，它会失败并显示 404。我做错了什么？

控制器

public class LongPollController : ApiController
{
    public User PostUser(string blob)
    {
        var user = new User
        {
            Name = "John Smith",
            Age = 20,
        };

        return user;
    }
}

cshtml

<div id="message">Waiting....</div>

@section scripts {
<script>
    var data = new Object();
    data.blob = 'Hello World';

    var request = new XMLHttpRequest();
    request.onreadystatechange = function () {
        if (request.readyState == 4 && request.status == 200) {
            handleUser(JSON.parse(request.responseText));
        }
    };
    request.open("POST", "api/longpoll/user");
    request.setRequestHeader("Accept", "application/json");
    request.setRequestHeader('Content-Type', 'application/json');
    request.send(JSON.stringify(data));

    function handleUser(user) {
        var msg = document.getElementById('message');
        msg.innerHTML = 'Name: ' + user.Name + '<br />' +
            'Age: ' + user.Age + '<br />'
    }

</script>

将我的数据添加到 request.send() 以便 WebApi 获取它们的正确方法是什么？

Answer 1

Web api 与 asp.net mvc 控制器和 Web api 默认映射器有点不同。 1. 创建 c# 类来保存 web api 的输入

public class JsData{
public string Blob{get;set;}
}

2。改变

public User PostUser(string blob)

到

public User PostUser(JsData input) 

在你的情况下它也可以运行，但是你需要修改 web.api 的路由