Invoke controller from a javascript function

Question

I'm trying to call a controller method from a javascript function, I read that it can be used with jquery .ajax. The thing is that I don't want to receive a result, the controller renders a view based on the id that I send via the ajax. I have the following code, but it doesn't do anything...

(This function is called by a flash object)

function display(number) {

       $.ajax({
          type: "POST",
          url: "/Controller/Method",
          data: "id=" + number});

}

Here's what the controller's method looks like:

 [HttpPost]
 public ActionResult Method(int? id) {

   object = //do the query.

   return View(object);


 }

Marek Karbarz · Accepted Answer · 2011-04-18 20:05:58Z

1

You could return a JsonResult if you detect an AJAX request:

if (Request.IsAjaxRequest()) {
    return Json(new { Status = "OK" });
} else {
    return View();
}

answered Apr 18, 2011 at 20:05

Marek Karbarz

29.4k6 gold badges55 silver badges73 bronze badges

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

4 Comments

bb2 Over a year ago

I don't want to return an object, I wanted to know if that is possible. I only want to return a view...

Marek Karbarz Over a year ago

So you want to get the View using AJAX and display it? Sorry, I guess I misunderstood your question.

bb2 Over a year ago

The ajax posts the id of an object to be found by the controller method and the controller method returns a view with the object that it searched for in the database.

bb2 Over a year ago

Yes, i think i will return a JSON object, it doesn't make sense, it will be better, i thought about it. Thanks!! Plus I am calling the same view. The view with the ajax calls the controller method and the controller method returns the same view but with additional info based on what was sent by the ajax.

neeebzz · Accepted Answer · 2011-04-18 20:05:36Z

1

If you want to update your HTML through ajax, you should update the contents of your website in the callback function of your ajax request. If you simply want to navigate to a new page with the HTML returned just then use the window.location method.

Both cases, ensure you do it on the success callback function of your ajax call.

answered Apr 18, 2011 at 20:05

neeebzz

11.5k7 gold badges50 silver badges65 bronze badges

Comments

Russ Cam · Accepted Answer · 2011-04-18 20:10:49Z

0

You can return a PartialView which will return HTML that you can use to update the DOM but it sounds like you just want to make a request to a url directly, in which case, simply do

window.location = "/url_to_you_controller_action/{id to view}";

Assuming that you have a route that matches the url that you are making a request to, the controller action can take the id from the route values.

AJAX requests are generally for when you want to communicate with the server without performing a full page request and refresh. Usually that communication returns something, but not always, but if it does return something then it is common to manipulate the DOM in some way with the data returned from the server.

edited Apr 18, 2011 at 20:10

answered Apr 18, 2011 at 20:03

Russ Cam

126k34 gold badges211 silver badges275 bronze badges

Collectives™ on Stack Overflow

Invoke controller from a javascript function

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related