how to use jQuery.ajax

Question

0.00/5 (No votes)

See more:

Hello Everyone,

I am very new to jQuery and trying to do simple examples using jQuery.ajax
but every time this is showing me the following message

"Microsoft JScript runtime error: 'myMethod' is undefined"

Please guide me where I am lacking.

I have the following HTML code.

<input type="button" onclick="callServer()" value="Test Button" />
    <asp:Label ID="lblTest" runat="server">

the server side code

[WebMethod]
    public void myMethod()
    {
        lblTest.Text = DateTime.Now.ToString();
    }

the jQuery code

function callServer() {
    $.ajax(
    {
    url: "~/jQuery.aspx.cs/"+myMethod,
    contenType:"application/json; charset=utf-8",
    dataType :"json",
    success:onSuccess,
    fail:onFail
    });
}

function onSuccess() {
    alert("Success!!");
}
function onFail() {
    alert("Failed!!");
}

Posted 27-Oct-11 0:39am

Manish Kumar Namdev

Add a Solution

4 solutions

Solution 1

Have a look at my Tips/Tricks Article on this topic below.(not an advertisement :))
Simplifying Asp.Net Core Ajax

Update - Alternatively, try by changing your url as below.
url: "~/jQuery.aspx/myMethod",

Posted 27-Oct-11 0:42am

RaisKazi

Updated 27-Oct-11 0:54am

v2

Comments

Manish Kumar Namdev 27-Oct-11 7:19am

Thanks for reply.. I used the above url as you mentioned but nothing is happening..
But If I write
type:"GET",
url: "jQuery.aspx/myMethod",

then an alert message appears with "Success!!" message but doesn't show the DateTime.Now.ToString() value on label.

RaisKazi 27-Oct-11 7:51am

That's because your page does not get re-render in this way. Refer my link. Only change you have to do in my article code is, instead of "alert" use as below.
document.getElementById("<%=lblTest.ClientID%>").innerText = serverDate;

RaisKazi 27-Oct-11 8:26am

Please refer my link and only change it as below.
function JqueryAjaxExampleResponse(serverDate) {
document.getElementById("<%=lblTest.ClientID%>").innerText = serverDate;
}

Solution 2

Hi,

you have to change some little bit in your code

HTML

function callServer() {
    $.ajax(
    {
    url: "~/jQuery.aspx/"+myMethod,
    contenType:"application/json; charset=utf-8",
    dataType :"json",
    success:onSuccess,
    fail:onFail
    });
}
 
function onSuccess() {
    alert("Success!!");
}
function onFail() {
    alert("Failed!!");
}

All the Best

Posted 27-Oct-11 1:04am

Muralikrishna8811

Solution 3

Hi,

Check many implementations of page method-

http://delicious.com/anupdg/pagemethod[^]

Posted 27-Oct-11 1:29am

Anup Das Gupta (asteranup)

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Manish Kumar Namdev · Accepted Answer · 2011-11-02T01:16:00

Well after searching again on internet I found the answer or my own question.

That we can call only static method through jQuery.ajax() and the method must be enabled with [System.Web.Services.WebMethod]

Now the solution is
Html code

<input type="button" onclick="callServer()" value="Test Button" />
    <asp:label id="lblTest" runat="server" xmlns:asp="#unknown">
</asp:label>

Server side Code

[System.Web.Services.WebMethod]
    public static string myMethod()
    {
        return DateTime.Now.ToString();
    }

And,finally, jQuery

function callServer() {
    $.ajax(
    {
    type:"POST",                      //request type.
    url: "jQuery.aspx/myMethod",     //.aspx page name and method name
    data: "{}",                     //take the parameter if any else blank 
    contenType:"application/json", //content returned from the server side
    dataType :"json",             //data type
    success: function(data){
         $("#lblTest").text(data.d);
    },
    fail:onFail
    });
}

function onFail() {
    alert("Failed!!");