使用jQuery来回传递MVC模型
编辑:编辑1将更好地澄清问题 我试图构建的视图的简要描述。 在页面加载时,将从模型填充一个列表框。它们是列表中的单选按钮 单击单选按钮时,我进行了一个jqueryajax调用,以获取另一个要从中选择值的列表。然后,用户将选择项目,并将其添加到页面上的第三个列表框中 目前,单击单选按钮可获得用户可从中选择的值列表 我还想用从控制器操作中获得的值更新当前模型。并在用户不断从第二个列表中选择值时,不断向模型属性添加值。 在最终提交期间,所有这些值都应可供控制器使用 到目前为止,我只使用了以下代码:使用jQuery来回传递MVC模型,jquery,asp.net-mvc-4,Jquery,Asp.net Mvc 4,编辑:编辑1将更好地澄清问题 我试图构建的视图的简要描述。 在页面加载时,将从模型填充一个列表框。它们是列表中的单选按钮 单击单选按钮时,我进行了一个jqueryajax调用,以获取另一个要从中选择值的列表。然后,用户将选择项目,并将其添加到页面上的第三个列表框中 目前,单击单选按钮可获得用户可从中选择的值列表 我还想用从控制器操作中获得的值更新当前模型。并在用户不断从第二个列表中选择值时,不断向模型属性添加值。 在最终提交期间,所有这些值都应可供控制器使用 到目前为止,我只使用了以下代码: $
$('.radioSelected').click(function () {
var radioValue = (this).value;
$.ajax({
type: "POST",
url: '/Wizard/GetListItems/',
data: JSON.stringify({ "id": radioValue}),
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
if (data.length > 0) {
var newHtml = "<ul>";
$('#AvailableValues ul').remove(); //Remove previous values
$.each(data, function (index, item) {
newHtml += "<input type=\"checkbox\" id=" + item.ClientID + " value=" + item.ClientName + " />";
newHtml += "<span>" + item.ClientName + "</span> <br/>";
});
**//WANT TO UPDATE THE MODEL HERE.**
//Append here.
$('#AvailableValues').append(newHtml );
}
else {
}
},
error: ajaxErrorHandler
});
});
我对这有点陌生。因此,如果能得到关于在哪里寻找以及如何处理这一问题的建议,那将是一件好事。比如,我如何在每次用户选择时不断添加和更新模型
{我找了很多问题}。谢谢
编辑1:
为了更清楚地说明我试图实现的目标,比如在页面加载时,我会列出一个类别和子类别的列表,它们缩进显示在同一个列表中。在子类别选择上,我进行了一个jQueryAjax调用,获取可用的产品并在列表中显示它们。用户选择他们想要的产品,然后单击按钮添加产品。这将填充第三个列表。然后重复
现在,在最终提交时,我希望能够遍历用户选择的所有产品及其关联的类别和子类别
我已经用C代码定义了我的模型。当用户不断选择类别/子类别和可用产品时,我应该如何更新模型?我真的不确定您想做什么。。。您是在谈论更新服务器端模型吗?另外,听起来您希望在他们单击可用值列表项时更新模型,而不是在列表项从服务器返回时更新模型???这是正确的吗?@Leland Richardson:我添加了EDIT1部分,对我试图解决的问题进行了更好的解释。谢谢