asp.net page method with jquery and parameter

Question

In my javascript, I have:

var testdate = "{'TheNewDate' : '12/02/2011'}";

$("#mydiv").click(function () {
    $.ajax({
        type: "POST",
        url: "../Pages/Appointments.aspx/GetAppointements",
        data: testdate,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
            success: successFn,
        error: errorFn

    });
});

In my code behind I have

[WebMethod]
public static string GetAppointements(string DateInput)
{
    var t = DateInput;

However, when I click to run the call, I get the error function to activate. When I change the code behind function to public static string GetAppointement() it works. But I guess my goal is to pass a parameter to the code behind. What am I missing?

Thanks.

Darin Dimitrov · Accepted Answer · 2011-02-15 20:40:28Z

4

Your parameter is called DateInput and not TheNewDate, so:

$('#mydiv').click(function () {
    $.ajax({
        type: 'POST',
        url: '../Pages/Appointments.aspx/GetAppointements',
        data: JSON.stringify({ dateInput: '12/02/2011' }),
        contentType: 'application/json; charset=utf-8',
        dataType: 'json',
        success: successFn,
        error: errorFn
    });
});

answered Feb 15, 2011 at 20:40

Darin Dimitrov

1.0m276 gold badges3.3k silver badges3k bronze badges

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

11 Comments

frenchie Over a year ago

Thanks, it was just too easy! But it can take a while to figure out on your own.... thanks a lot.

Darin Dimitrov Over a year ago

@frenchie, also notice the usage of JSON.stringify instead of hardcoding strings which won't be properly encoded.

frenchie Over a year ago

Quick question: the variables that I declared in my code behind page are not available in the page method; is this normal?

Darin Dimitrov Over a year ago

@frenchie, yes, that's perfectly normal. Static methods such as PageMethods should be have only access to static class members.

frenchie Over a year ago

I have the userID that I need to access in the page method. For now it's just a number that's hard coded but later it'll be the real user's ID. How do I work around this in the page method? How do I authenticate the incoming request to belong this a particular user?

|

Dave Brace · Accepted Answer · 2011-02-15 20:41:59Z

2

You should make your JSON data match the parameter name in the web service method.

var testdate = "{'DateInput' : '12/02/2011'}";

answered Feb 15, 2011 at 20:41

Dave Brace

1,8092 gold badges16 silver badges20 bronze badges

Collectives™ on Stack Overflow

asp.net page method with jquery and parameter

2 Answers 2

11 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

11 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related