如何使用 foreach 循环构建 json 对象并在 razor 中调用 jquery 函数

Question

我想获取一个对象列表并迭代该列表并构建一个 json 对象并在 razor 的 foreach 循环中调用 jquery 函数。

@foreach (var item in Model.CoordinatesObj) {
        var pinpoint = { "top": item.Top,
                "left": item.Left,
                "width": item.Width,
                "height": item.Height
            };
       $("#toPinpoint").mapImage.addPinpointExt(pinpoint);
}

我希望能够执行此操作，以便它动态构建此 pinpoint 对象并用于传递我的 addPinpointExt 函数。 Model.CoordinatesObj 是对象列表。这甚至可能吗？如果不是，最好的方法是什么？

Answer 1

我会将 for 循环放入 MVC 操作中，然后使用 $.ajax() 调用它，

$.ajax({
   url: "/Home/NewAction/id", type: "POST", 
   error : function(req,status,errorObj) { /* handle error */ }, 
   success: function(result) {
        var pinpoint = result;
        $("#toPinpoint").mapImage.addPinpointExt(pinpoint);
   }
});

使用 Razor 生成 HTML。

Answer 2

$("p")ToArray()

为您创建一个数组，保存每个 html 元素的值（示例中的“p”段落）
或者您可以使用each() Jquery 函数进行迭代。

Answer 3

如果您想将服务器端代码与纯文本（在您的情况下为 Javascript/JSON）混合，您可以将纯文本包装在 标记中：

@foreach (var item in Model.CoordinatesObj) {
    <text>
    var pinpoint = { "top": @item.Top,
            "left": @item.Left,
            "width": @item.Width,
            "height": @item.Height
        };
    $("#toPinpoint").mapImage.addPinpointExt(pinpoint);
    </text>
}

请注意，您还缺少 @ 在服务器端变量前面。

Phil Haack 在 Razor 语法。