ansaurus

Question

ASP .NET: Cannot call Page WebMethod using jQuery

Answer 1

A:

you need to set Test() to accept/allow POST

CurlyFro 2010-05-04 21:07:16

-- WebMethod is all that is required on the server side.

Sky Sanders 2010-05-04 21:26:02

Answer 2

A:

If the PageMethods are properly registered on your page, you should be able to call them with a Microsoft registered object called PageMethods.

Your javascript should run after the aspx page has loaded all the Microsoft specific libraries. When those are loaded, you could call your PageMethod this way:

PageMethods.Test(function() OnSucceeded{}, function() OnFailed{});

Here is a link to better examples:

http://www.junasoftware.com/blog/using-jquery-ajax-and-page-methods-with-a-asp.net-webservice.aspx

If you aren't already, I highly recommend using Firebug to help debug these client-side calls. Firebug will give you all the info you need to determine what is really going on.

getfirebug.com

Jeremy 2010-05-04 21:12:04

-1 and welcome to StackOverflow. The question specifically indicates that jQuery is in use. MsAjax is NOT required to post to a page method.

Sky Sanders 2010-05-04 21:29:47

OK fair enough. It sounded to me like he was looking for a way to make it work, and I provided an alternative. I agree that MsAjax is not *required* to make it work, but it would be available and could be a viable alternative. The question does specifically indicate that jQuery is in use, but no where does it say jQuery HAS to be used.

Jeremy 2010-05-05 13:54:21

Sorry about that Jeremy. I should have been more clear, but yes, it has to be via jQuery. I'll definitely keep your response in mind though if I decide to go the MsAjax route in the future.

John 2010-05-05 19:24:03

I aint mad atcha, just levying some newb tax to get you prepared. You will get the hang of it. As context, consider this: I ask how to solve a problem I am having in C# and you respond 'Hey, you *could* do this in Ruby, like this...' - I draw this parallel to help you understand why I downvoted you. p.s. don't mind me, i am just an old curmudgeon.

Sky Sanders 2010-05-05 21:09:00

Answer 3

+1 A:

try

url: "TestPage.aspx/Test"

or whatever relative url that will hit your page.

You may be inadvertently violating same origin policy.

Also, although you are not there yet, you are expecting a d: wrapped object. As it is you are just going to get a string.

This should get you where you want to go.

    function test() {            
        $.ajax({
            type: "POST",
            url: "TestPage.aspx/Test",
            data: "{}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function(msg) {
                alert(msg.d);
            }
        });
    }

Sky Sanders 2010-05-04 21:28:42

Problem fixed! Thanks Code Poet and everyone else who answered. It was two-fold: The `dataType` was part of the problem, so I gave everyone a vote up who answered on that part. Ultimately, it came down to inadvertently violating the same origin policy, which is why I marked this as the solution.Thanks again everyone. Appreciate it!

John 2010-05-05 19:22:44

@John happy to help.

Sky Sanders 2010-05-05 20:56:55

Answer 4

+1 A:

I made this javascript function to call WebMethods using jQuery:

function pageMethod(fn, params, successFn, errorFn) {  
    var pagePath = window.location.pathname;  

    var jsonData = $.toJSON(params);

    $.ajax({  
        type: "POST",  
        url: pagePath + "/" + fn,  
        contentType: "application/json; charset=utf-8",  
        data: jsonData,  
        dataType: "json",  
        success: successFn,  
        error: errorFn  
    });
}

That $.toJson serialization is realized by jquery.json-1.3 plugin.

And as you can see, dataType must be "json"

Petr Kaleta 2010-05-04 21:30:36

Thanks for sharing! I'll be using this handy little function moving forward.

John 2010-05-05 19:25:06

Answer 5

+1 A:

I think datatype should be "json". Add an error function to see what error status you get back ie 404 not found , 500 server error etc etc

James Westgate 2010-05-04 21:34:05

Good call. Thanks!

John 2010-05-05 19:25:32

ansaurus

tags:

views:

answers:

ASP .NET: Cannot call Page WebMethod using jQuery

related questions