passing array of values from view to controller using ajax

Question

I have a form in my view page.it contains 5 text boxes,one search button.while the user enters values in textbox(Entering all fields are not mandatory)and click on the search button,the values I have to store it in an array and pass it to the controller and depending upon the search results i have to display the results of those searched records.

I am able to store the searched values in an array,now i want how to pass this array to the controller and how to access these values in the controller.

Thanks for the reply,how to pass these array of values from view to controller — steve
– steve, Commented Aug 3, 2012 at 10:56

Behnam Esmaili · Accepted Answer · 2012-08-03 14:02:04Z

1

as Jose referred , your request may look like this :

 $("#submit").click(function () {
        var searchData = new Array();
        $(".search-input").each(function () {
            searchData.push($(this).attr('value'));
        });

        $.ajax({
            type: "POST",
            url: "/Home/Index",
            data: {"searchData"  : searchData},
            success: function (data) {
                // do something on success
            },
            traditional: true,
            dataType: "json"
        });
        return false;
    });

and your controller action could be :

    [AcceptVerbs(HttpVerbs.Post)]
    public ActionResult Index([Bind(Prefix="searchData")] List<string> searchData)
    {
        return Index();
    }

and your form have to have markup like this:

<form id="myform">
       <input type="text" class='search-input' />
       <input type="text" class='search-input' />
       <input type="text" class='search-input' />
       <input type="text" class='search-input' />
       <input type="submit" id="submit" />
</form>

edited Aug 3, 2012 at 14:02

answered Aug 3, 2012 at 11:14

Behnam Esmaili

5,9776 gold badges35 silver badges64 bronze badges

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

1 Comment

steve Over a year ago

I have implemented in this way ,I used foreach loop in my controller for entered value is null or not.when i enter one value in the text box and click on the search button ,at the foreach button it is throwing NullReference Exception.

jose · Accepted Answer · 2012-08-03 11:05:30Z

0

Use ajax. If jQuery is an option you could write something like this

$(form).submit(function()
{
    var ;
    $.ajax({
        type: "POST",
        url: "/Controller/Action",
        data: JSON.stringify(_yourArrayObject),
        success: function(data){
            alert(data.Result);
        },
        dataType: "json"
    });
})

answered Aug 3, 2012 at 11:05

jose

2,5315 gold badges38 silver badges53 bronze badges

Collectives™ on Stack Overflow

passing array of values from view to controller using ajax

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related