Question

I have a user control that I’m creating that is using some AJAX in jQuery.

I need to call a function in the code-behind of my control, but every example I find online looks like this:

$("input").click(function() {
    $.ajax({
        type: "POST",
        url: "Default.aspx/GetResult",
        data: "{}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(result) {
            //do something
        }
    });
});

This works fine if I have the method in the Default.aspx page. But I don’t want to have the function there, I need the function in the code-behind of my control. How can I modify the url property to call the correct function?

I tried:

url: "GetResult"

but that didn’t work.

Answer 1

You can’t…WebMethods have to be in WebServices or Pages, they cannot be inside UserControls.

Think about it a different way to see the issue a bit clearer…what’s the URL to a UserControl? Since there’s no way to access them you can’t get at the method directly. You could try another way perhaps, maybe a proxy method in your page?