Geek asks and answers

What is the use case of JsonResult in asp.net mvc3?

When is it typical to use the JsonResult action in an ASP.NET MVC 3 application?

Where JsonResult is usually called from; from another action or actionlink displayed in html?

Can you give some examples where you want to use json instead of the usual view?

+3
source share
5 answers

Say, for example, you wanted to fill jQuery autocomplete with a list of values ​​based on the choice of another field so that you could not determine the data on the page load. Usually I call the action method in the call $.ajax, and then return an array of elements to populate autocomplete with.

: jQuery, , :

$(function() {
    $.ajax({
            url: '@Url.Action("GetHomes", "Account")',
            type: "POST",
            datatype: "json",
            success: function (data) {
                if (data.Success || data.Success == null) {
                    WireUpHomesData(data);
                } else {
                    ShowErrorDialog();
                }
            }
        });

    ShowDialog();
});

function WireUpHomesData(data) {
    var homes = new Array();

    for (var i = 0; i < data.length; i++) {
        homes[i] = { label: data[i].HomeName, text: data[i].HomeId, icon: data[i].HomeIcon, desc:data[i].HomeAddress };
    }
    $("#home").autocomplete({
            source: homes,
            select: function (event, item) {
                homeUrl = '@Url.Action("Site", "Sites")/' + item.item.text;
            }
        }).data("autocomplete")._renderItem = function (ul, item) {
        return $("<li></li>")
            .data("item.autocomplete", item)
            .append("<a><span class='" + item.icon + "'/><span class='fs-ui-autocomplete-home'>" + item.value + "</span><br>" + item.desc+ "</a>")
            .appendTo(ul);
    }; 
    $(".ui-autocomplete").addClass("fs-ui-autocomplete");
}

:

public JsonResult GetHomes()
{
    return Json(RequiresAclAttribute.HomesForUser());
}

, :

public IEnumerable<HomeInfo> HomesForUser()

HomeInfo:

public class HomeInfo
{
    public string HomeId { get; set; }
    public string HomeName { get; set; }
    public string DisplayName { get; set; }
    public string HomeAddress { get; set; }
    public string HomeIcon { get; set; }
}
+2

JsonResult - , ActionResult. , Json.

public JsonResult GetItems()
{
  var jsonResult=new { Id = "23", Name = "Scott"};
  return Json(jsonResult,JsonBehaviour.AllowGet);
}

,

public ActionResult GetItems()
{
  var jsonResult=new { Id = "23", Name = "Scott"};
  return Json(jsonResult,JsonBehaviour.AllowGet);
}

, . . , , , , , . jQuery ajax/getJson ( jQuery get json as datatype), ActionMethod, Json.

Action, Json

$(function(){
   $.getJSON('YourController/GetItems', function(data) {
      alert(data.Id);
      alert(data.Name );
   });
});

JsonResult "application/json", . ExecuteResult JavaScriptSerializer .

+3

JsonResult ajax- javascript, . getJSON jQuery: http://api.jquery.com/jQuery.getJSON/

The advantage of JsonResult is that it returns the result in JSON format effortlessly.

+1
source

An Ajax request from a client script that does not include a full page load. Basically.

0
source

Whenever client processing and the client need data, use jsonresult, for example, for autocompletion or remote validation

0
source

More articles:


All Articles