Making an Ajax request to a page method in ASP.NET MVC 2

Question

I'm trying to call a page method belonging to a MVC Controller from another site, by means of:

$.ajax({
          type: "GET",
          url: "http://localhost:54953/Home/ola",
          data: "",
          contentType: "application/json; charset=utf-8",
          dataType: "json",
          success: function(data) {
                console.log(data.Name);
          }
        });

the method code is as follows, really simple, just to test:

 public ActionResult ola()
    {

        return Json(new ActionInfo()
        {
            Name = "ola"
        },JsonRequestBehavior.AllowGet);

    }

I've seen this aproach being suggested here, and I actually like it a lot, should it work...

When I run this, firebug gets a 200 OK, but the data received is null.

I've tried a lot of different approaches, like having the data in text (wish grants me "(an empty string)" instead of just "null") or returning string in the server method...

Can you tell me what am I doing wrong?

Thank you in advance,

João

What is the access modifier on your ActionInfo.Name member? If it's non-public, it won't be serialized into the JSON result. — Jono
– Jono, Commented Apr 22, 2010 at 22:47
Have you tried debugging the JQuery? Put the statement "debugger;" in your success method then you can inspect the data. — Mac
– Mac, Commented Apr 22, 2010 at 23:29

tdaines · Accepted Answer · 2010-04-23 03:28:15Z

1

Have you tried returning your JSON like so...

public ActionResult ola()
{
    return Json(new { Name = "ola" }, JsonRequestBehavior.AllowGet);
}

answered Apr 23, 2010 at 3:28

tdaines

5813 silver badges7 bronze badges

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

Comments

Darin Dimitrov · Accepted Answer · 2010-04-23 06:31:44Z

1

Controller:

public ActionResult Ola()
{
    // No need to use a custom ActionInfo type here, an anonymous type
    // will be just fine:
    return Json(new { Name = "ola" }, JsonRequestBehavior.AllowGet);
}

View:

$(function {
    $.getJSON('/home/ola', function(json) {
        alert(json.Name);
    });
});

answered Apr 23, 2010 at 6:31

Darin Dimitrov

1.0m277 gold badges3.3k silver badges3k bronze badges

Comments

Jay Shanker · Accepted Answer · 2010-04-23 05:53:29Z

0

You could try returning JsonResult from the controller action method. Method signature would then be public JsonResult ola(). Hope it helps.

answered Apr 23, 2010 at 5:53

Jay Shanker

914 bronze badges

Comments

JLago · Accepted Answer · 2010-04-27 16:55:00Z

0

Thanks for all the feedback. I found out that everything I was doing was right and wrong at the same time.

the requests were all functional, but the request was being made to a different domain, wich is automatically blocked by the browsers (except IE). It's a question of security. But since the request was meant to work on a mobile device, when i tested it there, it worked perfectly.

Once again, thanks to everyone who answered, i'll adopt some of the ideas shown here :)

answered Apr 27, 2010 at 16:55

JLago

313 bronze badges

Comments

Peter C · Accepted Answer · 2011-03-09 08:11:35Z

0

if you are making an ajax call cross domain. Have you tried setting your data type to

dataType: jsonp

jquery ajax cross domain

answered Mar 9, 2011 at 8:11

Peter C

1611 silver badge9 bronze badges

Collectives™ on Stack Overflow

Making an Ajax request to a page method in ASP.NET MVC 2

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related