C# Web Api 调用未从 jquery 调用

Question

我正在从 jQuery 脚本调用 POST web-api，但数据未绑定。 Page 是 null

jQuery

$("document").ready(function(){
    myTimer= setInterval( "StartTimer()", 1000);
});
function StartTimer()
{
    $.ajax({
        type: 'POST',
        contentType: "application/x-www-form-urlencoded",
        url: "/api/sitehit/LogHit/",  //method Name 
        data:  'Page=test' ,
        dataType: 'text/plain',
        error: function (msg) {
            alert(msg.responsetext);
        }
    }).fail(function () {
        alert("error logging hit");
    }).success(function () {
        alert("success logging hit");
    });
    clearInterval(myTimer);
}

C# 代码

public class SiteHitController : ApiController
{
    [HttpPost]
    public void LogHit(string Page)  // Page not binding
    {
        var c= Page; // Page is null
    }
}

Answer 1

控制器中没有为/api/sitehit/LogHit 设置路由。 ApiController 的工作方式与常规 MVC 控制器不同。除非您指定，否则操作的名称不是端点的路由。

您可以将路由属性添加到控制器操作。

[Route("LogHit")]
[HttpPost]
public void LogHit(string Page)
{
}

或者（假设控制器上没有其他 HttpPost 方法）将jQuery url 更改为url: '/api/sitehit'。

有多种方法可以绑定数据，具体取决于您要发送的内容类型。假设您想使用 JSON，您可以执行以下操作。

创建要绑定的模型并将[FromBody] 添加到控制器操作参数中：

public class MyModelDto
{
    public string Page { get; set; }
}

[Route("LogHit")]
[HttpPost]
public void LogHit([FromBody] MyModelDto model) // add FromBody here
{
    // model.Page will contain "test"
}

然后通过使用JSON.stringify() 对数据进行字符串化，确保您在 ajax 调用中发送 JSON。

$.ajax({
    type: 'POST',
    contentType: "application/json",
    url: "/api/sitehit/LogHit",
    data: JSON.stringify({Page: 'test'}),  // use JSON.stringify()
    dataType: 'json',
    success: function (data) {
        // can use response data here
        alert("success logging hit");
    },
    error: function (msg) {
        alert(msg.responsetext);
    }
});

这应该现在正确绑定到您的控制器。

如果您要发送表单数据x-www-form-urlencoded，请改用[FromForm]，您不需要使用JSON.stringify()，但在这种情况下，参数应以查询字符串形式发送：page=test&prop2=test2。

希望这会有所帮助。

Answer 2

以下代码有效：

    $.ajax({
        type: 'POST',
        //contentType: "application/json; charset=utf-8",
        url: "/api/sitehit/LogHit?Page=" + window.location.href,   
        //dataType: 'json',
        error: function (msg) {
            alert(msg.responsetext);
        }
    });