如何在ajax中的多個部分視圖中使用相同的模型

Question

我在MVC 4應用程序的同一頁面中使用了多個部分視圖和相同的強類型模型。 我想調用控制器中的單個動作並通過ajax調用返回模型並一次性將其用於所有部分視圖。

Answer 1

你給的東西並不多，但讓我盡我所能，給出一個對你最有意義的例子。所以說，你有以下型號：

public class UserProfile 
{ 
    public int UserId { get; set; } 
    public string UserName { get; set; } 
    /// <summary> 
    /// 
    /// </summary> 
    /// <remarks> 
    /// 1 = Premium Users 
    /// 2 = Basic Users 
    /// NOTE: I'm using int instead of an enum to make the sample more simple. 
    /// </remarks> 
    public int UserType { get; set; } 
} 

而且看起來像這樣的控制方法：

[HttpPost] 
    public ActionResult SomeAction(int id) 
    {    
     IEnumerable<UserProfile> profiles = some_method_that_does_something_and_builds_the_model(); 
     return Json(profiles); 
    } 

你可以做你的Ajax調用是這樣的：

$.post('@Url.Action("MyAction", "MyController")', { id: $('#myId').val() }, 
function (result) { 
       // you can use $.each here but for loop is more efficient         
       var list1 = ''; 
       var list2 = ''; 
       for (var i = 0; i < result.length; i++) { 
        // just add the name as p's for a simple example 
        // I build the result as string as it is more efficient than building p elements 
        if (result[i].UserType == 1) { 
         list1 += '<p>' + result[i].UserName + '</p>'; 
        } 
        else { 
         list2 += '<p>' + result[i].UserName + '</p>'; 
        } 
       } 
       $("#first").append(list1); 
       $("#second").append(list2); 
      });