带有参数的 jQuery GET 在服务器端始终为空

Question

我不知道我错过了什么。

在传递复杂的自定义对象时一切正常，但是当我尝试传递简单的 int 或字符串时，我得到 null

这是客户端的 ajax 调用：

var id = 1;
$.ajax({
   type: "GET",
   url: "/api/APICalls/MethodName",
   contentType: "application/json; charset=utf-8",
   data: JSON.stringify(id), // or JSON.stringify({id: id}) or just id
   dataType: "json",
   success: function (data) {
       console.log(data);
   },
   error: function (data) {
       alert(data.responseText);
   }
});

服务器端方法如下：

[HttpGet]
public void MethodName([FromBody] string id)
{
    // Do something with id... Doesn't matter... It is `null`!
}

Answer 1

您获得id 参数的null 值的原因是[FromBody]。从技术上讲，当您使用jQuery 向服务器发送GET 请求时，数据会显示在查询参数中，而不是请求正文中。

您需要在后端做的只是删除[FromBody]，如下所示：

[HttpGet]
public void MethodName(string id)
{
    // Now you should be able to access the value of id
}

从客户端发送数据如下：

var id = 1;

$.ajax({
   url: '/api/APICalls/MethodName',
   type: 'GET',
   data: {id: id},
   success: function (data) {
      console.log(data);
   },
   error: function (err) {
      console.error(err);
   }
});

从[FormBody] 的文档中，您可以阅读以下内容：

要强制 Web API 从请求正文中读取简单类型，请将 [FromBody] 属性添加到参数中。

您的数据显示在查询字符串中，检查 Chrome 中的网络选项卡：

我希望这会有所帮助！