如何将强类型模型作为数据参数传递给jquery ajax post？

Question

有没有一种简单的方法可以将我的强类型视图模型作为数据参数传递给这个 jquery ajax 调用？我见过的每个例子，我都必须自己构建 json，例如 { Property : "Value" 等 }。难道没有一些美味的 js 助手/codz teh 可以做到这一点吗？

$.ajax({
        url: '/mycontroller/myaction',
        type: 'POST',
        data: <== Here
        contentType: 'application/json; charset=utf-8',
        success: function (data.success) {
            alert(data);
        },
        error: function () {
            alert("error");
        }
    });

Answer 1

您可以编写一个使用 JavascriptSerializer 的帮助程序：

public static IHtmlString ToJson<TModel>(this HtmlHelper<TModel> html, object data)
{
    var serializer = new JavaScriptSerializer();
    return new HtmlString(serializer.Serialize(data));
}

并这样称呼它：

@Html.ToJson(myData)

我还编写了一个帮助程序来执行此操作（您可以窃取代码或使用 Nuget 包）：

https://github.com/paultyng/FluentJson.NET

您可以在 Razor 视图中创建 JSON，如下所示（请注意Knockout 扩展方法）：

    @JsonObject.Create()
        .AddProperty("name", "value")
        .AddProperty("childObject", c => {
            .AddProperty("childProperty", "value2")
        })

这会生成与此类似的 JSON：

{"name":"value","childObject":{"childProperty":"value2"}}

它使用 JSON.NET 序列化器，而不是内置序列化器，您可以轻松地调整其代码以适应您自己的用途，如果您不需要额外的功能，则可以使用内置序列化器依赖性。