JSON 对象 - JavaScript、C#、MVC

Question

我有一个填充数组的for，其中cont 来自视图

function GenerateJSON(cont) {
        var songs= [];

        for (var i = 0; i <= cont; i++) {
            songs[i] = {
                id: i,
                genre: $(".genre" + i).val(),
                song: $(".song" + i).val()
           }
        }
        $.ajax({
            url: "Generate",
            type: 'POST',
            dataType: "json",
            data: { songs: JSON.stringify(songs) },
            success: function (data) {
            }
        })
    }

在控制器上，我只有一个块音乐

示例：

songs= [{"id":0,"genre":"","song":"","id":1,"genre":"","song":"","id":2,"genre":"","song":""}]

我想要这个：

songs=[{"id":0,"genre":"","song":""},{"id":1,"genre":"","song":""},{id":2,"genre":"","song":""}]

控制器

public JsonResult Generate(string[] songs)
    {}

Answer 1

使用字符串数组作为参数对我来说没有意义。现在您必须编写客户端代码来构建一些复杂的字符串，而在服务器端您必须解析它以获取每个项目的属性值。

恕我直言，干净的方法是使用视图模型并利用 MVC 模型绑定。首先创建一个视图模型来表示您的数据。

public class SongVm
{
    public int Id { set; get; }
    public string Genre { set; get; }
    public string Song { set; get; }
}

现在将其用作您的操作方法的参数。由于您要发送对象的集合，请使用 List<SongVm> 作为参数。

[HttpPost]
public ActionResult Gerar(List<SongVm> songs)
{
    // Simply returning the data with a message property as well
    return Json(new { messge ="success", data = songs });
}

现在从客户端代码发送数组的 JSON 字符串版本，同时将 application/json 指定为我们传递给 $.ajax 方法的选项的 contentType 属性的值。

var songs = [];

for (var i = 0; i <= cont; i++) {
    songs[i] = {
        id: i,
        genre : "test genre" + i,
        song : "test song" + i
    };
}

$.ajax({
        url: "/Home/Gerar",
        type: 'POST',
        contentType: "application/json",
        data: JSON.stringify(songs),
        success: function (data) {
            console.log(data);
        },
        error: function (a, b, c) {
            console.log(c);
        }
 })

现在$.ajax 会将请求标头Content-Type 添加到值为application/json 的调用中。作为模型绑定的一部分，默认模型绑定器会读取这个请求头的值，然后决定从请求体中读取数据（请求负载）

我还建议利用像 Url.Action 这样的 Url 辅助方法来生成操作方法的正确相对路径。