Pass multiple parameters with different types using $.ajax to an MVC method

Question

I'm having some problems posting multiple parameters to my controller using AJAX.I want to pass model list and button name (string) to my controller.

jQuery:

function PostForm(buttonname) {

    $.ajax({
        url: "/ControllerName/ViewName",
        type: "POST",
        dataType: "application/JSON",
        data: 
        JSON.stringify({ 
           listOfObjects = $('#form').serialize(),
           button : buttonname
        })
    });
};

partial view:

<input name="buttonname" value="Name" onClick="PostForm('Name')" />

Controller:

[HttpPost]
public ActionResult ViewName(List<MyObject> listOfObjects ,string button)
{
//Obj should now contain the list of objects and button name
}

On click of button,i am getting the value of button name but count of listobjects is 0.

How do I pass multiple params with different datatypes to the MVC method?

Ideas and suggestions greatly appreciated ! Thanks!

can you show your #form, also MyObject, check on fiddler which query do you send and post here? — Yaroslav Bigus
– Yaroslav Bigus, Commented Jun 18, 2013 at 7:43

Ashish Mulaye · Accepted Answer · 2013-06-19 11:11:57Z

4

I got the solution.

function PostForm(buttonname) {

var data = $('#form').serialize();
var finaldata = data + "&buttonclicked="+buttonname;

$.ajax({
    url: "/ControllerName/ViewName",
    type: "POST",
    data: finaldata ,
    success: success function(){},
    error : error function(){}
    });
};

partial view:

<input name="buttonname" value="Name" onClick="PostForm('Name')" />

Controller:

[HttpPost]

public ActionResult ViewName(List<MyObject> listOfObjects ,string buttonclicked)
{
//Obj should now contain the list of objects and button name
}

the problem was i was using same name for button's name and input paramtere of the POST method in controller.Thats why i was getting list of all the button's names. Neways its working now..

thanks for the help!!!

answered Jun 19, 2013 at 11:11

Ashish Mulaye

2561 gold badge3 silver badges13 bronze badges

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

Comments

Bastianon Massimo · Accepted Answer · 2013-06-18 07:44:03Z

0

function PostForm(buttonname) {

$.ajax({
    url: "/ControllerName/ViewName",
    type: "POST",
    dataType: "application/JSON",
    data: JSON.stringify($('#form').serialize())
});

};

[HttpPost]
public ActionResult ViewName(FormCollection formCollection)
{
     // use formCollection["yourcontrol"] to get your post value
}

answered Jun 18, 2013 at 7:44

Bastianon Massimo

1,7421 gold badge16 silver badges23 bronze badges

1 Comment

Ashish Mulaye Over a year ago

i am having a grid which contains buttons.so i wont be able to find the post value of it using formcollection[].

Irakli Lekishvili · Accepted Answer · 2013-06-18 07:49:24Z

0

Try this:

View:

function PostForm(buttonname) {

    $.ajax({
        url: "/ControllerName/ViewName",
        type: "POST",
        dataType: "application/JSON",
        data: { listOfObjects: data: $('#Form').serilize(), button: buttonname },
        JSON.stringify({ 
           listOfObjects = $('#form').serialize(),
           button : buttonname
        })
    });
};

Controller:

[HttpPost]
public ActionResult ViewName(MyObject[] listOfObjects ,string button)
{

}

answered Jun 18, 2013 at 7:49

Irakli Lekishvili

34.3k33 gold badges114 silver badges171 bronze badges

Comments

caoyue · Accepted Answer · 2013-06-18 08:10:48Z

0

form.serialize() works alone. With additional data, It does not work. remove dataType and try like this:

data: $('#Form').serilize() + "&button=" + buttonname

hope it helps.

edited Jun 18, 2013 at 8:10

answered Jun 18, 2013 at 7:59

caoyue

113 bronze badges

1 Comment

Ashish Mulaye Over a year ago

sorry... i was using the same name as button's name.Getting the values now.

Collectives™ on Stack Overflow

Pass multiple parameters with different types using $.ajax to an MVC method

4 Answers 4

Comments

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related