JQuery / MVC / ajax 如何使用 ajax 将数据发布到控制器？

Question

我正在尝试使用 ajax 传递数据并在我的 mvc 项目中触发控制器

这是我的控制器

public class FileController : Controller
{
    [HttpPost]
    public ActionResult Index(string data)
    {
        return View();
    }
}

这是js

 $('#getmessage').on('click', function () {
        var text = '';
        $('#discussion>li').each(function () {
            text += $(this).text();
            text += '\n'
        })
        console.log(text)

        $.ajax({
            url: 'http://localhost:22828/File/Index',
            type: 'POST',
            data: text,
            success: function (result) {
                console.log("data sended");
            }
        })
    })

我需要将文本传递给控制器​​，但在我的控制器中我得到NULL
有人可以说明一下吗？
提前致谢

Answer 1

您的控制器中缺少[FromBody] 标签。默认情况下，ASP.NET 会尝试从 URL 中绑定简单的参数，并且只从正文中绑定复杂的参数。

试试这样：

public class FileController : Controller
{
    [HttpPost]
    public ActionResult Index([FromBody] string data)
    {
        return View();
    }
}

更多详情见this相关回答。

Answer 2

这样通过记录data，

url: 'File/Index?data=' + text, // Just make change here..

您只需像这样更改您传递给控制器​​Action 的URL。

$('#getmessage').on('click', function () {
    var text = '';
    $('#discussion>li').each(function () {
        text += $(this).text();
        text += '\n'
    })
    console.log(text)

    $.ajax({
        url: 'File/Index?data=' + text, // Just make change here..
        type: 'POST',
        data: text,
        success: function (result) {
            console.log("data send");
        }
    })
})

Answer 3

将您的 Javascript 更改为：

$('#getmessage').on('click', function () {
        var text = '';
        $('#discussion>li').each(function () {
            text += $(this).text();
            text += '\n'
        })
        console.log(text)

        $.ajax({
            url: 'http://localhost:22828/File/Index',
            type: 'POST',
            data: { data: text }, // This is all you have to change
            success: function (result) {
                console.log("data sended");
            }
        })
    })