How to pass an object to a MVC controller via Jquery Ajax Get

Question

I am new to jquery and I can't resolve the following problem : I want to pass an object to one of the controllers in my mvc application. Here is what I got so far:

function enterPressed() {
    $(function () {
        $('#textBox').keypress(function (e) {

            var code = e.keyCode ? e.keyCode : e.which;
            if (code == 13) {
                doSomethingElse(textBox.value)

            }
        });
    });
}

function doSomethingElse(p) {
    $.ajax({
        type: 'GET',
        data: {string: p},
        url: '"Control/AddControl/Index"',
        success: function (data) { alert(p) },
        error: function (errorData) { alert("fail") }
    });
    return true;

But every time when I press enter I end up with the fail. My controller is found in ~/Controllers/Control/AddControl. Do any of you see the problem ?

My C# code:

  public class AddControlController : Controller
{
    //
    // GET: /AddControl/


    public ActionResult Index(string control)
    {
        return RedirectToAction("ShowControl");
    }
}

"I end up with the fail" - that is because you are ignoring the errorData. Do you want us to guess the error? — CodeCaster
– CodeCaster, Commented Jul 11, 2013 at 14:00

YD1m · Accepted Answer · 2013-07-11 14:03:44Z

2

You should change value name to control, as action expected. Also you can use @Url.Action() helper for setting url param.

$.ajax({
        type: 'GET',
        data: { control : p},
        url: '@Url.Action("Index","AddControl")',
        success: function (data) { alert(p) },
        error: function (errorData) { alert("fail") }
    });

Finally, your action can't return redirect action with ajax response. If you want to make redirect after successful response, you can make it in client side.

edited Jul 11, 2013 at 14:03

answered Jul 11, 2013 at 13:58

YD1m

5,9152 gold badges22 silver badges25 bronze badges

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

Comments

Thiago Custodio · Accepted Answer · 2013-07-11 14:01:56Z

1

There are a few problems:

1-you are using a wrong url. The correct url is '/AddControl/Index'.

2-Your code in your controller won't work, since you are using ajax. You should return Json and handle the redirect in the client side.

3-You should allow GET through ajax:

public ActionResult Index()    
{
   return Json("Ok", JsonRequestBehavior.AllowGet);    
}

answered Jul 11, 2013 at 14:01

Thiago Custodio

18.4k9 gold badges50 silver badges99 bronze badges

Comments

Henk Mollema · Accepted Answer · 2013-07-11 14:14:52Z

1

You might want to just POST in stead of GET.

function doSomethingElse(p) {
    $.post(
        '@Url.Action("Index", "AddControl")',
        {
            control: p
        },
        function (data) {
            alert(data);
        }
    );
}

You should decorate your controller action with the HttpPost attribute:

[HttpPost]
public ActionResult Index(string control)
{
    return Json("I received this: " + control);
}

edited Jul 11, 2013 at 14:14

answered Jul 11, 2013 at 14:04

Henk Mollema

46.9k12 gold badges101 silver badges107 bronze badges

Collectives™ on Stack Overflow

How to pass an object to a MVC controller via Jquery Ajax Get

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related