Cách trả về đối tượng Json từ bộ điều khiển MVC để xem

Question

Tôi đang làm một ứng dụng MVC mà tôi cần truyền đối tượng json từ bộ điều khiển để xem.

var dictionary = listLocation.ToDictionary(x => x.label, x => x.value); 
return Json(new { values = listLocation}, JsonRequestBehavior.AllowGet); 

Mã trên tôi đang sử dụng trong trình điều khiển của mình, khi tôi mở trang xem nó mở hộp thoại tải xuống khi tôi cần định dạng.

Bây giờ tôi muốn trả lại trang xem của mình cũng muốn truy cập đối tượng json trong trang xem. Làm thế nào tôi có thể làm điều đó.

Answer 1

Khi bạn làm return Json(...) bạn đang đặc biệt nói MVC không sử dụng một cái nhìn, và để phục vụ dữ liệu JSON serialized. Trình duyệt của bạn mở hộp thoại tải xuống vì nó không biết phải làm gì với dữ liệu này.

Nếu bạn thay vì muốn quay trở lại một cái nhìn, chỉ cần làm return View(...) như bạn thường:

var dictionary = listLocation.ToDictionary(x => x.label, x => x.value); 
return View(new { Values = listLocation }); 

Sau đó, theo quan điểm của bạn, chỉ cần mã hóa dữ liệu của bạn như JSON và gán nó vào một biến JavaScript:

<script> 
    var values = @Html.Raw(Json.Encode(Model.Values)); 
</script> 

---

EDIT

Đây là mẫu hoàn chỉnh hơn một chút. Vì tôi không có đủ ngữ cảnh từ bạn, mẫu này sẽ giả định một bộ điều khiển Foo, một hành động Bar và một kiểu xem FooBarModel. Ngoài ra, danh sách các địa điểm là hardcoded:

Controller/FooController.cs

public class FooController : Controller 
{ 
    public ActionResult Bar() 
    { 
     var locations = new[] 
     { 
      new SelectListItem { Value = "US", Text = "United States" }, 
      new SelectListItem { Value = "CA", Text = "Canada" }, 
      new SelectListItem { Value = "MX", Text = "Mexico" }, 
     }; 

     var model = new FooBarModel 
     { 
      Locations = locations, 
     }; 

     return View(model); 
    } 
} 

Models/FooBarModel.cs

public class FooBarModel 
{ 
    public IEnumerable<SelectListItem> Locations { get; set; } 
} 

Views/Foo/Bar.cshtml

@model MyApp.Models.FooBarModel 

<script> 
    var locations = @Html.Raw(Json.Encode(Model.Locations)); 
</script> 

Bằng giao diện của thông báo lỗi, có vẻ như bạn đang trộn các loại không tương thích (tức là Ported_LI.Models.Locatio‌​n và MyApp.Models.Location) vì vậy, để tóm tắt lại, hãy đảm bảo loại được gửi từ phía hành động của bộ điều khiển khớp với những gì được nhận từ chế độ xem. Đối với mẫu này đặc biệt, new FooBarModel trong bộ điều khiển phù hợp với @model MyApp.Models.FooBarModel trong chế độ xem.

Answer 2

Bạn có thể sử dụng AJAX để gọi hành động của bộ điều khiển này. Ví dụ, nếu bạn đang sử dụng jQuery bạn có thể sử dụng phương pháp $.ajax():

<script type="text/javascript"> 
    $.ajax({ 
     url: '@Url.Action("NameOfYourAction")', 
     type: 'GET', 
     cache: false, 
     success: function(result) { 
      // you could use the result.values dictionary here 
     } 
    }); 
</script> 

Answer 3

$.ajax({ 
    dataType: "json", 
    type: "POST", 
    url: "/Home/AutocompleteID", 
    data: data, 
    success: function (data) { 
     $('#search').html(''); 
     $('#search').append(data[0].Scheme_Code); 
     $('#search').append(data[0].Scheme_Name); 
    } 
}); 

Answer 4

<script type="text/javascript"> 
jQuery(function() { 
    var container = jQuery("\#content"); 
    jQuery(container) 
    .kendoGrid({ 
     selectable: "single row", 
     dataSource: new kendo.data.DataSource({ 
      transport: { 
       read: { 
        url: "@Url.Action("GetMsgDetails", "OutMessage")" + "?msgId=" + msgId, 
        dataType: "json", 
       }, 
      }, 
      batch: true, 
     }), 
     editable: "popup", 
     columns: [ 
      { field: "Id", title: "Id", width: 250, hidden: true }, 
      { field: "Data", title: "Message Body", width: 100 }, 
      { field: "mobile", title: "Mobile Number", width: 100 }, 
     ] 
    }); 
});