JQuery + Page Methods: Method is Never Called

Question

I am just starting to mess around with Page Methods and jQuery together with not much success.

Below is my sample code...

Default.aspx.cs

[WebMethod]
public static string test()
{
     return "testing 123";
}

test.js

$(document).ready(function()
{
    $("#Result").click(function()
    {
        $.ajax({
            type: "POST",
            url: "Default.aspx/test",
            data: "{}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function(msg)
            {
                alert(msg);
            }
        });
    });
});

If I set a breakpoint at 'return "testing 123";' it never gets hit, also when I try doing http://localhost/default.aspx/test I get the whole page posted back, same with the jQuery function.

I have also tried using scriptmanager and MS AJAX PageMethods.test(); with the same exact result.

Answer 1

I'm not sure if this is your problem, but try changing your type from a POST to a GET. If you're going to http://localhost/default.aspx/test in your browser and it's working then you know it's working for a GET operation because that's what your browser is doing.

Answer 2

Theres some good info here. Also here.

Also, I don't know if it matters, but try making an actual web service page and putting the method in there, i.e. one with an .asmx extension.

Answer 3

First, you have to check that your targeted elements (#result) are not refreshed using UpdatePanels, otherwise you can use the live functionality like that:

$("#Result").live("click", function() { 
  ...
});

Then, is your jquery code inside the same page as the Page Method ?

Answer 4

just tried what you're doing with a separate file and everything works ok.

do you have a "scriptmanager" on your page? try removing it. Pagemethods/jQuery ajax work perfectly without it.

Answer 5

I'm using the technique detailed here.

I set my data:

var contactData = "{'name':'" + txtName.val() + "',
                    'company':'" + txtCompany.val() + "',
                    'email':'" + txtEmail.val() + "'}";

Have my success method defined:

function success(result)
{
   alert(result.d);
}

Then call

`$.pageMethod("ContactUs/SendContactUsEmail", contactData, success);`

Job's a goodun.

Answer 6

I figured it out and it had nothing to do with JQuery or PageMethods... I have a URL Rewriter that's intercepting and redirecting and killing whatever is getting POSTed.

Thanks all for the help! -Goosey