为什么ajax发送参数到控制器为空？

如何解决为什么ajax发送参数到控制器为空？

我通过ajax向控制器发送发布请求：

这是我在cshtml文件中的代码：

<script>
    $("#btnSeachAjax").click(function () {
        var token = $('input[name="__RequestVerificationToken"]').val();    
        $.ajax({
            url: '@Url.Action("Search")',data: { id: "1",title:"ba"},contentType: 'application/json',type: 'POST',headers: {
                "RequestVerificationToken": token
            },success: function (data) {
                $("#data").html(data);
            },error: function (req,status,error) {
                alert(error);
            }
        });
        return false;
    });
</script>

这是我在控制器中的代码：

 [HttpPost,ActionName("Search")]
        [ValidateAntiForgeryToken]
        public async Task<IActionResult> Search([FromBody] string id,string title)
        {
            var movie = await _context.Movies.FindAsync(id);
            return View(movie);
        }

控制器中id，title的值= null。

为什么ajax向控制器发送参数为空？

我使用Asp.net mvc net core 3.1。

解决方法

public async Task<IActionResult> Search([FromBody] string id,string title)

id的值，控制器中的标题= null。

根据您的操作方法和可接受的参数，您可以尝试如下修改Ajax代码。

$.ajax({
    url: '@Url.Action("Search")'+'?title=ba',data: JSON.stringify("1"),contentType: 'application/json',type: 'POST',//...

此外，您可以创建一个视图模型并修改您的操作以接受一个复杂的类型参数，如下所示。

public class MyData
{
    public string Id { get; set; }
    public string Title { get; set; }
}

动作方法

public async Task<IActionResult> Search([FromBody] MyData myData)
{
    //...

在JS客户端上

$.ajax({
    url: '@Url.Action("Search")',data: JSON.stringify({ id: "1",title: "ba" }),//...