ansaurus

Question

Answer 1

+1 A:

You need to do the following (C#):

The WebMethod must be public static
It must be decorated with the [WebMethod] attribute
You need a ScriptManager on your .aspx page
Set the ScriptManager's EnablePageMethods="true"

And here is some sample javascript:

$().ready(function() {
    $(yourDropDownList).change(LoadValues);
});


function LoadValues() {
    PageMethods.YourMethod(arg1, CallSuccess, CallFailed);
}

function CallFailed(result) {
    alert('AJAX Error:' + result.get_message());
}

function CallSuccess(result) {
    //do whatever you need with the result
}

flesh 2009-02-18 22:38:31

I am using a shared method. The method that you are describing is the other type of way to access webmethods. I got my example based off http://encosia.com/2008/05/29/using-jquery-to-directly-call-aspnet-ajax-page-methods/

2009-02-18 22:45:00

Answer 2

A:

your jquery looks broken here: data: "{text:" + search + "}",

it should be:

data: {text: search},

unless you are doing something crazy in VB with that data, but i dont know VB

mkoryak 2009-02-18 22:39:49

Shouldn't it be data:{'text':'search text'} ?

Mark 2009-02-18 22:56:26

Answer 3

+8 A:

To solve a problem like this, the first thing to do is watch it in Firebug.

If you click the "Search" link and watch the POST request/response in Firebug's console, you'll see it's throwing a 500 server error: Invalid JSON Primitive.

The reason for that is because the key/value identifiers in your "data" JSON literal aren't quoted. Line 17 should be:

data: "{'text':'" + search + "'}",

Then, all will work as expected.

Note: The suggested data { test: search } will not work. If you provide jQuery with an actual JSON literal instead of a string, it will convert that into a key/value pair of test=search and POST that instead of the JSON. That will also cause an ASP.NET AJAX ScriptService or PageMethod to throw the Invalid JSON Primitive error.

Dave Ward 2009-02-18 23:02:30

FireBug and Fiddler are godsends.

Quintin Robinson 2009-02-18 23:04:00

That fixed it! Thanks Dave, I love your blog and the amazing stuff you write about.

2009-02-19 13:49:35

ansaurus

tags:

views:

answers:

Using JQuery to call a WebMethod

related questions