来自 JavaScript 的 HTTPOST 的 ASP.NET Core 空参数

Question

我正在创建一个 ASP.NET Core WepApp，但在将数据从 javascript 发送到我的服务器时遇到问题。

HTML：

<button onclick="sendData()">Send Data to the Server</button>

JavaScript：

    function sendData() {

        var xhr = new XMLHttpRequest();
        xhr.open("POST", "/Cockpit/Index", true);
        xhr.setRequestHeader('Content-Type', 'application/json');
        xhr.send(JSON.stringify({
            "Test": "value"
        }));
     };

ASP.NET 核心

namespace Paragliding.Controllers
{
    public class CockpitController : Controller
    {
        [HttpPost]
        public IActionResult Index(Test test)
        {
            return Json(test);
        }

        public IActionResult Index()
        {
            return View();
        }

    }
}

课堂测试

namespace Paragliding.Models
{
    public class Test
    {
        public string TestValue { set; get; }
    }
}

当我按下按钮将数据发送到服务器时，通过调试可以看到，他在方法内部跳转

[HttpPost]
public IActionResult Index(Test test)

但参数test始终为空。

Answer 1

参数test始终为空

您可以尝试修改如下代码。

function sendData() {
    var xhr = new XMLHttpRequest();

    xhr.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            console.log(this.responseText);
        }
    };

    xhr.open("POST", "/Cockpit/Index", true);
    xhr.setRequestHeader('Content-Type', 'application/json');
    xhr.send(JSON.stringify({
        "TestValue": "blabla here"
    }));
 };

将[FromBody] 属性应用于参数

[HttpPost]
public IActionResult Index([FromBody]Test test)
{
    return Json(test);
}

测试结果