使用 AJAX 将 Javascript 中的数组对象数据发送到 ASP.NET Core 控制器 ()

Question

我已经尝试了与该问题相关的所有其他解决方案，但仍然找不到我的代码缺少的内容。这是我的 AJAX() 代码。

var group = JSON.stringify({ 'listofusers': listofusers });

console.log("listofusers : " + JSON.stringify({ 'listofusers': group }));
(Assuming I have my listofusers object ready, and yes i've checked the console and it has data inside.)


$.ajax({
        contentType: 'application/json; charset=utf-8',
        dataType: 'json',
        type: "POST",
        url: url,

        data: group,
        success: function (data) {
            console.log("output : " + JSON.stringify(data));
            //doSend(JSON.stringify(data));
            //writeToScreen(JSON.stringify(data));
        },
        error: function (data) {
            console.log("error : " + JSON.stringify(data));
        },
    });

这是我的服务器端控制器。

[HttpPost]
public IActionResult GetMesssage(List<UserModel> listofusers)
{
var g = listofusers;
}

只是简单地从控制器获取，所以我可以验证来自客户端的数据是否真的已经发送。

我尝试了 [FromBody] 属性，但仍然无法从服务器端获取数据。

Answer 1

这是一个如下所示的工作演示：

1.型号：

public class UserModel
{
    public int Id { get; set; }
    public string Name { get; set; }
}

2.查看（删除Content-type）：

<script>
    var listofusers = [
            { id: 1, name: 'aaa' },
            { id: 2, name: 'bbb' },
            { id: 3, name: 'ccc' }
        ];
    var group = { 'listofusers': listofusers };
    console.log(group);
    $.ajax({
        dataType: 'json',
        type: "POST",
        url: "/home/GetMesssage",
        data: group,
        success: function (data) {
            console.log("output : " + JSON.stringify(data));
        },
        error: function (data) {
            console.log("error : " + JSON.stringify(data));
        },
    });
</script>

3.Console.log(group):

4.结果：

更新：

使用json的另一种方式：

1.查看（将组从JSON.stringify({ 'listofusers': listofusers }); 更改为JSON.stringify(listofusers);）：

<script>
    var listofusers = [
            { id: 1, name: 'aaa' },
            { id: 2, name: 'bbb' },
            { id: 3, name: 'ccc' }
    ];
    var group = JSON.stringify(listofusers);
    console.log(group);
    $.ajax({
        contentType:"application/json",
        dataType: 'json',
        type: "POST",
        url: "/home/GetMesssage",

        data: group,
        success: function (data) {
            console.log("output : " + JSON.stringify(data));
        },
        error: function (data) {
            console.log("error : " + JSON.stringify(data));
        },
    });
</script>

2.Controller(添加FromBody)：

[HttpPost]
public IActionResult GetMesssage([FromBody]List<UserModel> listofusers)
{
     //...
}

Answer 2

你可以试试这个。

首先将要传递的参数字符串化：

$.ajax({
        url: url,
        type: "POST",
        data: {
            listofusers: JSON.stringify(listofusers),
        },
        success: function (data) {
        },
        error: function (error) {
        }
    });

然后在你的控制器中：

[HttpPost]
public IActionResult GetMesssage(string listofusers)
{
   var jsonModel = new JavaScriptSerializer().Deserialize<object>(listofusers); //replace this with your deserialization code
}

我们在这里所做的是将您的对象作为字符串传递，然后在控制器端接收后反序列化它。

希望这会有所帮助。

Answer 3

我找到了解决问题的方法，但我只是想澄清一下，也许有解决方法或其他解决方案。

我研究过“JSON.stringify();”传递的数据来自 AJAX()，它就像这样。

"[[{\"ID\":0,\"UserID\":1014,\"Level\":\"support\",\"Department\":\"\",\"Facility\":\"Talisay District Hospital\",\"Firstname\":\"Joseph\",\"Middlename\":\"John\",\"Lastname\":\"Jude\",\"LoginStatus\":false,\"IPAddress\":\"192.168.110.47:12347\"},{\"ID\":0,\"UserID\":1014,\"Level\":\"support\",\"Department\":\"\",\"Facility\":\"Talisay District Hospital\",\"Firstname\":\"Joseph\",\"Middlename\":\"John\",\"Lastname\":\"Jude\",\"LoginStatus\":false,\"IPAddress\":\"192.168.110.47:15870\"}]]"

我想知道 JSON 格式是否是从控制器端解析数据的一个因素。 （这当然是愚蠢的，因为只有一种 JSON 格式。（或者可能还有另一种，如果有，请您发布一些资源以供参考。）

所以我尝试在“JsonConvert.Serialize()”方法中在我的模型中序列化一个虚拟数据，输出的 JSON 数据是这样的。

[{"ID":0,"UserID":1014,"Level":"support","Department":"","Facility":"Talisay District Hospital","Firstname":"Joseph","Middlename":"John","Lastname":"Jude","LoginStatus":false,"IPAddress":"192.168.110.47:12347"},{"ID":0,"UserID":1014,"Level":"support","Department":"","Facility":"Talisay District Hospital","Firstname":"Joseph","Middlename":"John","Lastname":"Jude","LoginStatus":false,"IPAddress":"192.168.110.47:16709"}]

我尝试通过 AJAX() 将 JsonConvert.Serialize() 方法中的输出 JSON 数据发送到控制器，它成功了！我现在感到很欣慰，因为这个问题已经很令人沮丧了。

如果我发现的内容有问题，请回复可能错误或正确的内容。谢谢！