Как вернуть объект Json из MVC-контроллера для просмотра

Question

Я делаю приложение MVC, где мне нужно передать объект json из контроллера для просмотра.

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

Приведенный выше код, я использую в мой контроллер, теперь, когда я развернуть на странице просмотра его открытия диалог загрузки в браузере, при открытии файла он дает мне JSon объект как я необходимый формат.

Теперь я хочу вернуть свою страницу просмотра, также хочу получить доступ к объекту json на странице просмотра. Как мне это сделать.

Answer 1

Когда вы return Json(...) вы конкретно говорить MVC не использовать вид и служить сериализованных данных в формате JSON. Ваш браузер открывает диалоговое окно загрузки, потому что он не знает, что делать с этими данными.

Если вместо этого вы хотите возвратить представление, просто сделать return View(...), как вы обычно бы:

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

Затем на ваш взгляд, просто кодировать данные в формате JSON и присвоить его переменной JavaScript:

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

---

EDIT

Вот немного более полный образец. Поскольку у меня нет достаточного контекста от вас, в этом примере будет использоваться контроллер Foo, действие Bar и модель вида FooBarModel. Кроме того, список локаций зашиты:

Контроллеры/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); 
    } 
} 

Модели/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> 

По внешнему виду вашего сообщения об ошибке кажется, что вы смешиваете несовместимые типы (т. Ported_LI.Models.Locatio‌​n и MyApp.Models.Location), поэтому, чтобы повторить, убедитесь, что тип, отправленный со стороны действия контроллера, соответствует тому, что получено от представления. Для этого образца, в частности, new FooBarModel в контроллере соответствует @model MyApp.Models.FooBarModel на вид.

Answer 2

Вы можете использовать AJAX для вызова этого действия контроллера. Например, если вы используете JQuery вы можете использовать $.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 }, 
     ] 
    }); 
});