JQuery Ajax to pass array. Need help

Question

I been struggling and looking everywhere but can not find solution to this. I want to pass Array data in $.ajax but don't know how to. Below is the code.

$("#procressGrid").click(function () {
         var dataArray = [];
         $.each($(".gridTable tr:not(.gridTitleRow)"), function(a, b){
                var id = $("input.idField", b).val();
                var code = $("input[name='code']", b).val();

                dataArray.push({
                    "id": id,
                    "code": code
                })

         });

         $.ajax({
                url: "/HeaderMenu/So",
                type: "POST",

                data: { backerEntries[]: dataArray } 

                dataType: "json",
                contentType: "application/json; charset=utf-8",
                beforeSend: function () { $("#statusDropdown").fadeIn(); },
                complete: function () { $("#statusDropdown").fadeOut(); },
                success: function (data) {

                    if (data.Status == "Success") {

                    } else {

                    }
                },
                error: function () {
                    $("#error").show().html("An error has occured!!!");
                }
            });
    });

and what to declare in MVC3 controller?

 public ActionResult So(Array backerEntries)
        {
            //var b = a;


                return Json(new { status = "Success", message = "Passed" });


        }

Andrew Whitaker · Accepted Answer · 2011-06-11 19:30:43Z

4

I would change your $.ajax call:

$.ajax({
   /*snip */
   data: dataArray
});

And on the server-side create a view model to bind to:

public class BackerEntry
{
    public string Id { get; set; }
    public string Code { get; set; }
}

Now your action would take an array of those types:

public ActionResult So(BackerEntry[] backerEntries) 
{
    // ...
}

answered Jun 11, 2011 at 19:30

Andrew Whitaker

126k32 gold badges296 silver badges308 bronze badges

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

1 Comment

Pirzada Over a year ago

Thanks that is what I was mistaking

DropTheNerd · Accepted Answer · 2011-06-11 19:31:37Z

0

Will this work for you?

 var dataArray = new Array();

 // fill your array     

 $.ajax({
     url: "/HeaderMenu/So",
     type: "POST",
     data: {'backerEntries' : dataArray},
     // the rest of your code
 });

answered Jun 11, 2011 at 19:31

DropTheNerd

1343 bronze badges

Comments

excanoe · Accepted Answer · 2011-06-11 19:35:04Z

0

Try JSON.stringify() on client side to serialize data to string and then on server side try to decode that data.

You will get array or hash that you need.

JSON

answered Jun 11, 2011 at 19:35

excanoe

6969 silver badges16 bronze badges

Comments

WooDzu · Accepted Answer · 2011-06-11 19:43:49Z

0

  var fields = $("
      .gridTable tr:not(.gridTitleRow) input.idField,
      .gridTable tr:not(.gridTitleRow) input[name='code']
").serializeArray();

$.ajax({ ...

data: { backerEntries: fields }

... });

can U try this for serializing your Array?

answered Jun 11, 2011 at 19:43

WooDzu

4,8666 gold badges34 silver badges62 bronze badges

Collectives™ on Stack Overflow

JQuery Ajax to pass array. Need help

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related