javascript - Js如何从fetch()获取数据到服务器？

Question

我尝试将数据从 js 传输到服务器，但我得到的是“null”。

我的代码:

async function sort(param) {
        let classList = param.classList;
                    //"DateCreate"     //Ascending
        console.log(param.id + " " + classList[0]);
       let response = await fetch("/Amendment/Sort", {
            method: "POST",
            body: JSON.stringify({ sortValue : param.id, sortType : classList[0]})
        });
        if (response.ok) {
            let responseHtml = await response.text();
            document.getElementsByClassName("result").innerHTML = responseHtml;
            alert("OK");
        } else {
            alert("Error HTTP: " + response.status);
        }

在浏览器中:

服务器的方法( Controller :修改):

  [HttpPost]
                                    //null           //null
  public IActionResult Sort(string sortValue, string sortType )
  {
         //*****//
      return PartialView("_TableData", model);
  }

Answer 1

解决方案一:

您需要使用 [FromBody] 属性，因为您的请求正文包含 sortValue 和 sortType。

同时创建一个具有 sortValue 和 sortType 字符串属性的类，并在 Controller 操作方法中使用该类作为参数。

解决方案 2:

不是将 sortValue 和 sortType 放在正文中，而是从 url 发送。

var url = "/Amendment/Sort?sortValue=" + param.id + "&sortType=" + classList[0];
let response = await fetch(url, {
    method: "POST"
});