How to send multiple array with jQuery in MVC.NET?

Question

I have 2 arrays in my Razor view. The first one checked checkboxes and the second is for unchecked. I can send one of them but I don't know how to send both of them. This is my jQuery code:

$(document).ready(function() {
    $("#checkAll").click(function() {
        $(".checkBox").prop('checked', $(this).prop('checked'));
    });
    $("#confrim").click(function() {
        var selectedIDs = new Array();
        var unseletedeIDs = new Array();
        $('input:checkbox.checkBox').each(function() {
            if ($(this).prop('checked')) {
                selectedIDs.push($(this).val());
            } else {
                unseletedeIDs.push($(this).val());
            }
        });
        var options = {};
        options.url = "/Parts/ConfrimAll";
        options.type = "POST";
        options.data = JSON.stringify(selectedIDs);
        options.contentType = "application/json";
        options.dataType = "json";
        options.success = function(msg) {
            alert(msg);
        };
        options.error = function() {
            alert("Error!");
        };
        $.ajax(options);
    });
});

This is the action:

  public ActionResult ConfrimAll(int?[] selectedIDs, int?[] unSelectedIDs)
    {
        if (selectedIDs!=null)
        {
            foreach (int id in selectedIDs)
            {
                Part obj = db.Parts.Find(id);
                obj.IsOk = true;
                db.Entry(obj).State = EntityState.Modified;
            }
        }
        if (unSelectedIDs!=null)
        {
            foreach (int id in unSelectedIDs)
            {
                Part objs = db.Parts.Find(id);
                db.Parts.Remove(objs);
            }
        }
        db.SaveChanges();
    return Json("yes"); 
}

Matteo Bruni · Accepted Answer · 2016-07-19 08:17:23Z

1

Have you tried this?

JSON.stringify({ selectedIDs: selectedIDs, unseletedeIDs: unseletedeIDs });

You should have the two parameters selectedIDs and unseletedeIDs in the Action filled with this.

answered Jul 19, 2016 at 8:17

Matteo Bruni

2434 silver badges12 bronze badges

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

Comments

Rory McCrossan · Accepted Answer · 2016-07-19 08:53:47Z

0

You can provide both array as part of an object to the data parameter of the $.ajax call. Try this:

$("#confrim").click(function() {
    var data = {
        SelectedIDs: [],
        UnSelectedIDs: [],
    }
    $('input:checkbox.checkBox').each(function() {
        data[this.checked ? 'SelectedIDs' : 'UnSelectedIDs'].push(this.value);
    });

    $.ajax({
        url: '/Parts/ConfrimAll',
        type: 'POST',
        data: data,
        success: function(msg) {
            console.log(msg);
        },
        error: function(x, s, e) {
            console.log('Error!');
            console.log(x, s, e);
        }
    });
});

Note that it's much better practice to provide an object to the data parameter as jQuery will then encode it for you to the required format, escaping any special characters as it does it.

edited Jul 19, 2016 at 8:53

answered Jul 19, 2016 at 8:17

Rory McCrossan

338k41 gold badges321 silver badges353 bronze badges

3 Comments

Rory McCrossan Over a year ago

That's not very helpful feedback. In what way did it not work? Did you update the properties of the ConfrimAll (sic) method so that the ModelBinder works?

Joe walter Over a year ago

yes your are right.this the method of confrimall: public ActionResult ConfrimAll(int[] SelectedIDs, int[] UnSelectedIDs) { foreach (int id in SelectedIDs) { Part obj = db.Parts.Find(id); obj.IsOk = true; db.Entry(obj).State=EntityState.Modified; } foreach (int id in UnSelectedIDs) { Part objs = db.Parts.Find(id); db.Parts.Remove(objs); } db.SaveChanges(); return Json("yes"); }

Rory McCrossan Over a year ago

Ok - the issue was the key names of the object didn't match the parameters of the Action. I've updated my answer for you. If this still doesn't work, check the console for errors.

Collectives™ on Stack Overflow

How to send multiple array with jQuery in MVC.NET?

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related