Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Sending an array of objects via AJAX - ASP.NET MVC

So getting the objects I need in JS, I did:

$('.combine-payment-input').each(function (index, value) {
    if (parseFloat(value.value) > 0) {
       if (methodOfPayment == -1) {
            methodOfPayment = value.dataset.method;
       }
       else {
           methodOfPayment = 0;
       }
       vmopl.push({
            id: value.dataset.method,
            name: $('label[for="' + value.id + '"]').html(),
            inUse: 'True',
            ammount: value.value
       });
    }
});

If I console.log vmopl in the end, I'll get something like

[Object { id="2",  name="Card",  inUse="True",  ammount="500"}, 
    Object { id="1",  name="Cash",  inUse="True",  ammount="250"}]

Now if I try to send this to AJAX this up using

$.get('/reports/savebill/' + methodOfPayment + '?vmop=' + JSON.stringify(vmopl), function (data) {
    if (data == 'True') {
        location.href = '/order/neworder/';
    } else {
        alert("Unsuccessful!");
    }
});

A controller action Should pick vmop up, the controller looks like so:

public bool SaveBill(int id, ViewMethodOfPayment[] vmop) { 
    //lots of code... 
}

But when I put a breakpoint, I always see vmop as null, even when I pass it to another object (var temp = vmop;).

ViewMethodOfPayment is a simple model class:

public class ViewMethodOfPayment
{
    public long Id { get; set; }
    public string Name { get; set; }
    public bool InUse { get; set; }
    public double Ammount { get; set; }
}

If I missed any info, or if it's unclear what I want to do/expect, please leave a comment, I'll answer as soon as I can!

Thanks for reading!

edit: changed the first block of code (line: 9, because I included a code that will bring a JavaScript error)

like image 314
NemanjaT Avatar asked Aug 27 '15 09:08

NemanjaT


1 Answers

What I currently use:

Javascript sends the data via JSON.stringify, like you do.

C#:

public ActionResult AjaxDoSomething(string vmop)
{
    var jss = new JavaScriptSerializer();
    try
    {
        var parameter = jss.Deserialize<ViewMethodOfPayment []>(vmop);
        //Do something with this data and return the desired result
        return Json(result, JsonRequestBehavior.AllowGet);
    }
    catch
    {
        return null;
    }
}
like image 173
MilConDoin Avatar answered Oct 16 '22 16:10

MilConDoin