ASP.NET MVC with JQuery $post and parameter

Question

What is wrong with this code. The code is finding the javascript and debug1 shown. If I remove the parameter p the code also founds mycontrol action and debug2 is shown.

View:

function method(p) {
    alert("debug1");
    $.post('../MyController/MyAction/' + p, function() {
        alert("debug2");
        $('#panel').empty().html('<img src="../Content/images/ajax-loader.gif" / >');
        $('#panel').load('../Controller/Index');
    });
}

Controller:

    public ActionResult MyAction(int p)
    {
       // Some code

        return null;
    }

Check the "net" tab in firebug and you will probably find the problem. Also, how is your routes set up? — Mattias Jakobsson
– Mattias Jakobsson, Commented Mar 5, 2010 at 8:44
Can you post the code that invokes 'method', and the relevant section from your Global.asax.cs file - I'd suspect that the value of p is not an integer and the URL can not , therefore, be routed correctly. Also, start using a HTTP sniffer, such as Fiddler (A lugin for IE) to find out exactly what's going on behind the scenes. — belugabob
– belugabob, Commented Mar 5, 2010 at 9:07

Mattias Jakobsson · Accepted Answer · 2010-03-05 09:45:56Z

2

Seems to me like you have a problem with your routes. You can't change the name of your parameter if you don't change your routes. A route that would work for your scenario is:

routes.MapRoute("MyRoute",
            "MyController/MyAction/{p}",
            new { controller = "MyController", action = "MyAction", p = "" }
            );

edited Mar 5, 2010 at 9:45

answered Mar 5, 2010 at 9:25

Mattias Jakobsson

8,2352 gold badges36 silver badges41 bronze badges

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

Comments

CoolBeans · Accepted Answer · 2011-09-18 22:49:23Z

1

Just change it like this:

$.post('../MyController/MyAction/p=' + p, function() {

edited Sep 18, 2011 at 22:49

CoolBeans

20.9k10 gold badges88 silver badges102 bronze badges

answered Sep 10, 2010 at 12:27

Alexander Marinov

1361 bronze badge

Comments

Dave Archer · Accepted Answer · 2010-03-05 08:47:15Z

0

That function is a callback and will get called regardless of success or failure. If you're calling a webservice, try including a success = true/false property as part of your result. That way you can do the following

`$.post('../MyController/MyAction/' + p, function(result) {
    if (!result.success) return;

    alert("debug2");
    $('#panel').empty().html('<img src="../Content/images/ajax-loader.gif" / >');
    $('#panel').load('../Controller/Index');
});`

answered Mar 5, 2010 at 8:47

Dave Archer

3,05021 silver badges23 bronze badges

1 Comment

karl Over a year ago

yeah that might be a good ide, but the problem is that the execution not steping into my action method. If I change the inparametername in MyAction to id instead of index that I actually use it works. Someopne who can explain?

Collectives™ on Stack Overflow

ASP.NET MVC with JQuery $post and parameter

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related