pass multiple parameters using $.ajax to an MVC method

Question

I want to use:

$.ajax({url:'controller/method ?startDate=' +  startDate + '& endDate=' + endDate});

In the controller I have a method like this:

public PartialView GetChartDate(DateTime? startDate, DateTime? endDate){}

When I do this I end up passing null for endDate to the MVC method even though it has value. How do I pass multiple params to the MVC method?

Ideas and suggestions greatly appreciated !

Bartosz · Accepted Answer · 2011-11-16 23:33:24Z

12

Don't create query string on your own. Rely on jQuery:

$.ajax({
     url: '/controller/method',
     data: { startDate: startDate, endDate: endDate}
     // ...
});

answered Nov 16, 2011 at 23:33

Bartosz

3,38824 silver badges31 bronze badges

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

1 Comment

This is probably the better method - less likely to make typos this way.

alphadogg · Accepted Answer · 2011-11-16 23:34:38Z

8

If you actually cut-and-pasted your code, there's a space between the ampersand and the variable.

$.ajax({url:'controller/method ?startDate=' + startDate + '& endDate=' + endDate});
                                                            ^

Not sure if that is what does it, but check it out.

answered Nov 16, 2011 at 23:34

alphadogg

13k11 gold badges60 silver badges88 bronze badges

Ahsan Attari · Accepted Answer · 2011-11-17 05:48:03Z

0

 $.ajax({
            type: "post",
            url: "/xyz/xyz",
            data: "param1=" + value+ "&param2=" + value,

        });

i think it works, because i am using it and working with this

answered Nov 17, 2011 at 5:48

Ahsan Attari

1,0893 gold badges14 silver badges26 bronze badges