call function in 'code behind' with AJAX in ASP.NET WebForms?

Question

I want to get access to a method in code behind when I clicked an span in my view aspx:

DEFAULT.ASPX VIEW CODE:

<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
<%-- MY SPAN --%>
 <span runat="server" onclick="ShowChartSpider(this.id)" id="group_2" style="cursor: pointer" class="pull-right">My Span</span>


<%-- JAVASCRIPT CODE --%>
    <script type="text/javascript">
        function ShowChartSpider(group_id) {

            $.ajax({
                type: "POST",
                url: "Default.aspx/MethodToCreateChart",
                dataType: "json",
                data: "{'parameter1':" + JSON.stringify(group_id) + "}",
                contentType: "application/json; charset=utf-8",                

                success: function (data) {
                    alert("all correct");
                },
                error: function (data) {
                    alert("no");
                }
            }
            );
        }
    </script>
</asp:Content>

DEFAULT.ASPX.VB CODE BEHIND:

<WebMethod()>
    <ScriptMethod(ResponseFormat:=ResponseFormat.Json)>
    Public Shared Sub MethodToCreateChart(sender As Object, e As EventArgs)
        ' My code to create the chart .....
    End Sub

if I run the page, and inspects the page with the browser to see errors, none appear, but the code does not reach the breakpoint that I put in the method in codebehind.

What I´m doing wrong? I would appreciate suggestions, thanks.

Check new updated code – LateshtClick.com Oct 07 '16 at 11:11 — LateshtClick.com, Oct 07 '16 at 11:11

score 1 · Answer 1 · answered Oct 07 '16 at 09:03

1

First check your server allow non HTTPS request. i had that type of issue and my server didn't allow me to do that. it so then disable that and test.

Then check the response status.

error: function(xhr, status) {
alert(xhr.status); }

let us know that is the outcome.

--Ruhul

answered Oct 07 '16 at 09:03

Metallic Skeleton

607
6
27

1

I get the alert for success, not for error, but what I said, the code does not reach the breakpoint that I put in the method in codebehind. :-( – Esraa_92 Oct 07 '16 at 09:13

LateshtClick.com · Answer 2 · 2016-10-07T11:35:30.293

1

Go to "RouteConfig.vb" under "App_Start" folder.

Change following line

 settings.AutoRedirectMode = RedirectMode.Permanent

To

settings.AutoRedirectMode = RedirectMode.Off

i think your method code returning something like this.

Return Default.aspx/MethodToCreateChart

so me your MethodToCreateChart logic.

you can try with below sample method. your internal server error are coming because you are returning somethng from your method.

Public Shared Function MethodToCreateChart(parameter1 As String) As String

   Return "Hello " & Environment.NewLine & "The Current Time is: " & _DateTime.Now.ToString()
End Function

edited Oct 07 '16 at 11:35

answered Oct 07 '16 at 09:56

LateshtClick.com

606
4
5

1

is not work, but I tried to put this in the ajax method: url: "Default.aspx", and works but only reaches the load of the page, so the problem is in the path, but I don´t know how to fix it – Esraa_92 Oct 07 '16 at 10:06
1

Remove this line. – LateshtClick.com Oct 07 '16 at 10:27
I get this error: Failed to load resource: the server responded with a status of 500 (Internal Server Error) http://localhost:4984/Default.aspx/MethodToCreateChart – Esraa_92 Oct 07 '16 at 11:19
1

You check my new code? Because in my project your code is working, breakpoint hit in the method in codebehind part. – LateshtClick.com Oct 07 '16 at 11:28
can you zip your proyect , to download it? – Esraa_92 Oct 07 '16 at 11:44
You just replace your code to my code and just check that. This is the method "Public Shared Function..." – LateshtClick.com Oct 07 '16 at 12:19
I get this alert message with the error function: error: function (data) { alert(data); } browser message error ------> [object Object] – Esraa_92 Oct 07 '16 at 12:31

score 0 · Answer 3 · answered Oct 07 '16 at 10:34

0

I think you should remove 'runat=server' attribute from span tag.

answered Oct 07 '16 at 10:34

Amin

221
3
13

I remove the runat server from the span, but it does not work :-( – Esraa_92 Oct 07 '16 at 10:38

score 0 · Answer 4 · edited May 23 '17 at 11:45

0

You use aspx file same as ashx files. So have a look at below links: 1. How do you debug ASP.net HTTPHandler 2. Can't debug ASHX handler

edited May 23 '17 at 11:45

Community

1
1

answered Oct 07 '16 at 14:33

Amin

221
3
13

call function in 'code behind' with AJAX in ASP.NET WebForms?

4 Answers4