asp.net mvc 2.0 中的客户端处理答案

【问题标题】：Client side processing in asp.net mvc 2.0asp.net mvc 2.0 中的客户端处理
【发布时间】：2010-07-05 11:26:28
【问题描述】：

我们正在寻找一种在客户端处理数据的实现。需要有关如何在 ASP.Net MVC 2.0 的客户端处理 JSON 或任何其他类型的数据的输入。

详细信息：从用户那里接受输入，并要求将其保存在客户端的列表（或任何其他对象）中。用户操作完成后，需要将列表对象发送回服务器。这是为了避免往返服务器，一旦列表（对象）中的所有数据准备就绪，就将其发送到服务器进行处理

例如接受项目（对象）详细信息作为项目名称和项目描述。第一次添加；在同一页面中，将项目存储在客户端本身的对象列表中。每次添加项目时，它都会保存在列表中。同时列表项以表格形式显示在同一页面上。在用户提交数据时添加所有项目后，将返回对象列表。

我们如何在负载平衡环境中的 ASP.Net MVC 2.0 中实现这一点？任何指针都会非常有帮助

【问题讨论】：

在客户端处理数据实际上与 ASP.NET MVC 无关。你只需要学习如何使用 Javascript。 jQuery 将非常有用，尽管不是必需的。

标签： asp.net-mvc asp.net-mvc-2

【解决方案1】：

您在这里指的是哪种列表？像一堆复选框？您希望以什么格式将数据发送到您的服务器？

如果您使用一堆复选框，只需将表单中的数据直接发布到您的操作中即可。我建议您将它们保存在 javascript 中的数组中，或者添加由字符分隔的值，例如 '|'或隐藏文本字段中的“，”并分隔服务器端的项目。

【讨论】：

这里引用的列表是对象列表。例如。对象存储问题、答案、评级和评论。当列表传递给 ui 时，将显示第一个对象问题。根据给定的输入、回答和评论，它将存储在对象中。评级可以显示为单选按钮。然后将显示下一个对象的下一个问题。当最后一个问题得到回答时，整个列表将被发回。需要删除此往返服务器以获取单个问题的往返行程

【解决方案2】：

ASP.NET MVC 2 附带 jQuery 库，您可以使用它来执行这个粗略的示例...

var dataItems = new Array();

function AddDataItem(myDataItem) {
    dataItems[dataItems.length] = myDataItem;
}

function SendDataItems() {
    var data = "{";
    for (var i = 0; i < dataItems.length; i++) {
        data += ' question' + i + ': "' + dataItems[i] + '",';
    }

    // Remove the trailing comma:
    data = data.substring(0, data.length-1) + "}";

    $.ajax({
        type: 'POST',
        url: 'YourPage.html',
        data: data,
        success: function(response) {
            alert(response);
        },
        dataType: "json"
    });

}

【讨论】：