Ajax using JQuery in ASP .NET c#

Question

I am trying to use JQuery ajax in asp .net c#. The code I am using is ...

HTML FORM:

<div>
    Your Name :
    <asp:TextBox ID="txtUserName" runat="server"></asp:TextBox>
    <input id="btnGetTime" type="button" value="Show Current Time"
     onclick = "ShowCurrentTime()" />
</div>

JQuery Part :

<script type="text/javascript">
    function ShowCurrentTime() {
        //alert(window.location.pathname);
        $.ajax({
            type: "POST",
            url: "Display.aspx/GetCurrentTime",
            data: '{name: "' + $("#< %=txtUserName.ClientID%>")[0].value + '" }',
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: OnSuccess,
        failure: function (response) {
            alert(response.d);
        }
    });
}
function OnSuccess(response) {
    alert(response.d);
}
</script>

CS PArt:

    using System.Web.Services;

    This part below is under partial class which inherits from Page class.

   [WebMethod]

    public static string GetCurrentTime(string name)
    {

     return "Hello "+ name +"! " + Environment.NewLine + "The Current Time is: "
            + DateTime.Now.ToString();
    }

Problem: It is not working. Please let me know if I am missing any setting or any name space. Or any thing. URL I Put in ajax Call is correct as I verified it by var pathname = window.location.pathname; I supplied data also while calling ajax.

Does anything go out back to the server. Load the tool Fiddler to ensure you can see a request going out. Narrow it down to client or server so we can help troubleshoot. — Adam Tuliper
– Adam Tuliper, Commented Jan 25, 2016 at 17:23
@Stralos I can see the console. There is no call from any where. — Amit Sinha
– Amit Sinha, Commented Jan 25, 2016 at 17:25
@HerGiz I think jQuery.unobstrustive-ajax.min.js is not required for this call. — Amit Sinha
– Amit Sinha, Commented Jan 25, 2016 at 17:27

Mogsdad · Accepted Answer · 2016-04-17 02:53:47Z

3

Maybe changing

 failure: function (response) {
        alert(response.d);
    }

to

 error: function (response) {
        alert(response.d);
    }

Will help find the issue. I don't see a failure callback in the docs - http://api.jquery.com/jquery.ajax/

edited Apr 17, 2016 at 2:53

Mogsdad

46k21 gold badges166 silver badges289 bronze badges

answered Jan 25, 2016 at 17:43

majita

1,34614 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Amit Sinha Over a year ago

Thank you. After changing failure to error it started working. :)

Chris Bergin · Accepted Answer · 2016-01-25 17:45:01Z

2

The things I can see right off the bat:

$.ajax doesn't take a "failure" parameter, but rather "error." Even then, you should be using .done() and .fail() instead (see http://api.jquery.com/jQuery.ajax/)
Your error handling function will be triggered when your page method throws an exception. The first parameter is a jqXHR object, not a JSON response from .NET (see the same link as from #1).
Your page method should not go UNDER the page class, but within it.

answered Jan 25, 2016 at 17:45

Chris Bergin

4152 silver badges8 bronze badges

Comments

Tony Dong · Accepted Answer · 2016-01-25 17:53:36Z

0

JQuery has some error

    $("#< %=txtUserName.ClientID%>")[0].value

need to be

    $("#<%=txtUserName.ClientID%>")[0].value

or

    $("#<%=txtUserName.ClientID%>").val()

edited Jan 25, 2016 at 17:53

answered Jan 25, 2016 at 17:44

Tony Dong

3,3431 gold badge31 silver badges37 bronze badges

1 Comment

Amit Sinha Over a year ago

Thanks. But the space here is by mistake. In my program it is the same as what you have suggested.

Collectives™ on Stack Overflow

Ajax using JQuery in ASP .NET c#

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related