How do I return a JSON object from controller in ASP.NET MVC 4?

Question

When I console log my response all I get back is HTML. How do I get the player object?

Site.JS :

$(".AddToPreRank").click(function (e) {
    e.preventDefault();
    //grab id
    var id = $(this).get(0).id;
    //append player to prerank list
    $.ajax({
        url: '@Url.Action("AddToPreRank")',
        type: 'POST',
        data: { id : id },
        success: function (response) {
            console.log(response);
            alert("hello");
        }

    });
});

LeagueController.cs :

[HttpPost]
public ActionResult AddToPreRank(int id){
    Player player= new Player();
    player = db.Players.Find(id);
    return Json(player);
}

Phil.Wheeler · Accepted Answer · 2014-04-23 05:11:08Z

4

You're calling an ActionResult method, which will return a lot more than the JSON you're after.

Change your code to

public JsonResult AddToPreRank(int id){
        Player player= new Player();
        player = db.Players.Find(id);

        return Json(player);
    }

You may also need to confirm that the URL being picked up in your JavaScript file is the correct one. Either the parameter isn't being passed correctly or Razor isn't recognising the @ escape character correctly.

edited Apr 23, 2014 at 5:11

answered Apr 23, 2014 at 3:10

Phil.Wheeler

16.9k10 gold badges103 silver badges157 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

user3562751 Over a year ago

Thanks for the response. I am still getting the same result. I was also curious as to why I cannot run in debug mode to see if the Id is actually passed to the controller. When I set the breakpoint, nothing happens.

Phil.Wheeler Over a year ago

Are you using [getglimpse.com](Glimpse)? In the browser's debug console, what Controller / Action method do you see being called? What content do you see in the HTML being returned? Is it a regular page or is there odd / error content on there?

user3562751 Over a year ago

Im using chrome. Im not sure where to look for the Controller/Action method being called. The HTML being returned is the page where the button click happened.

Phil.Wheeler Over a year ago

What kind of element is .AddToPreRank and is it enclosed in a <form> element? I want to confirm you're not submitting a form at the same time as sending the Ajax request.

user3562751 Over a year ago

It is in an <a> element. It is not in a form, it is just a list of players and I want the player to appear in my prerank list when I click add.

|

David L · Accepted Answer · 2014-04-23 03:09:14Z

1

Try using $.post to default a return as JSON.

$.post('@Url.Action("AddToPreRank")', data: { id : id },
    function (response) {
        console.log(response);
        alert("hello");
    }
});

In addition, return a JsonResult instead of an ActionResult and return player as an anonymous type.

[HttpPost]
public ActionResult AddToPreRank(int id){
    Player player= new Player();
    player = db.Players.Find(id);

    return Json(new {player});
}

answered Apr 23, 2014 at 3:09

David L

34.1k8 gold badges70 silver badges98 bronze badges

1 Comment

user3562751 Over a year ago

Thanks for the response. I tried this and am still getting the same result.

Ruben · Accepted Answer · 2014-04-23 03:13:46Z

0

you can use System.Runtime.Serialization.Json in web environment，or use Newtonsoft.Json(http://json.codeplex.com/) in winform environment to resolve your problem.

answered Apr 23, 2014 at 3:13

Ruben

4451 gold badge4 silver badges5 bronze badges

Collectives™ on Stack Overflow

How do I return a JSON object from controller in ASP.NET MVC 4?

3 Answers 3

7 Comments

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

7 Comments

1 Comment

Comments

Related