如何使用jquery Ajax将两个数据模型从视图传递到控制器

How to pass two data model from view to controller using jquery Ajax

我正在使用MVC开发Web应用程序。在一种情况下，我将使用jquery ajax方法从我的视图中调用服务器端操作。我必须传递两个模型对象作为ajax的数据，但每次传递空值。我提到了在jquery中使用AJAX Post的正确方法来从强类型MVC3视图传递模型来解决我的问题，但是不满意。那么如何使用jquery ajax传递我的模型对象呢？

用于调用Action的Jquery代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

$("#btnAddAjax").click(function(e){
e.preventDefault();

var usermodel = {
US_FirstName:$("#txtFirstName").val(),
US_LaststName:$("#txtFirstName").val()
};
var citydatemodel = {
date:$("#SignDate").val(),
city: $("#selectCity").val()
};

$.ajax({
url:'@Url.Action("AllLandLord")',
contentType:'application/json; charset=utf-8',

data: JSON.stringify({User: usermodel, testM: citydatemodel}),
UpdateTargetId:"dvLandLord3",
type:'POST',
success:function(data){
$("#dvLandLord3").html(data);
},
error:function(){
alert('Something Wrong !!!');
}
});
});

我有两个模型，为此我从viewModel调用它

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

public class User_Master
{
[Required(ErrorMessage ="* Please Enter First Name For Tenant")]
public string TN_FirstName { get; set; }

[Required(ErrorMessage ="* Please Enter Last Name For Tenant")]
public string TN_LastName { get; set; }
}

public partial class CityDate
{
[Required(ErrorMessage ="* Please Select Your City.")]
public string PR_City { get; set; }

[Required(ErrorMessage ="* Please Select Date")]
public Nullable<System.DateTime> CM_AgreementSignDate { get; set; }
}

最后，我将使用jquery ajax调用以下操作(用于部分视图)。

1
2
3
4
5
6
7
8
9
10
11
12
13
14

[HttpPost]
public PartialViewResult AllLandLord(User_Master usermaster, CityDate citydate)
{
List<User_Master> allLandLord = new List<User_Master>();
if (ModelState.IsValid)
{
allLandLord = agreementnewBAL.AllLandLordUsers();
return PartialView("LoadLandLord", allLandLord);
}
else
{
return PartialView("LoadLandLord", allLandLord);
}
}

相关讨论

我整理了一个快速演示：

基本动作：

1
2
3
4
5

[HttpPost]
public ActionResult TestMethod(userModel User, testModel testM)
{
return View();
}

型号：

1
2
3
4
5
6
7
8
9
10

public class testModel
{
public string UserType { get; set; }
}

public class userModel
{
public string FirstName { get; set; }
public string LastName { get; set; }
}

我的javqascript：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

调用JS导致我分配的数据正确传递给操作。

您应该能够更新我的JS代码，以使其在您的项目中工作。

编辑：
数据：ajax调用的组件需要与您的控制器匹配

1	data: JSON.stringify({User: usermodel, testM: testmodel}),

从我的例子成为

1	data: JSON.stringify({usermaster: usermodel, citydata: citydatamodel}),

编辑2：

您还需要确保您的js模型与您的MVC模型匹配：

1
2
3
4
5
6
7
8

var usermodel = {
US_FirstName:$("#txtFirstName").val(),
US_LaststName:$("#txtFirstName").val()
};
var citydatemodel = {
date:$("#SignDate").val(),
city: $("#selectCity").val()
};

这些与您的MVC模型不匹配。

1
2
3
4
5
6
7
8

var usermodel = {
TN_FirstName:$("#txtFirstName").val(),
TN_LaststName:$("#txtFirstName").val()
};
var citydatemodel = {
CM_AgreementSignData:$("#SignDate").val(),
PR_City: $("#selectCity").val()
};