Call C# method on button click using JavaScript/jQuery

Question

I am trying to call a C# function on a button click using JavaScript/jQuery function.

I went through similar issues and their solutions, but none fits this case. My C# function does not return anything. It's a function that triggers a job from the task scheduler. Is there a different way to write the JavaScript function, where the function does not return anything?

Below is the code.

HTML:

<button id="btnClick" runat="server" EnablePageMethods="true">Replay</button>

JavaScript:

$(document).ready(function() {
  $(".btnClick").on('click', function() {
    $.ajax({
      async: true,
      url: "Home/ABVReplay",
      cache: false,
    });
    console.log("Replayed!");
  });
});

C#:

[WebMethod]
public void ABVReplay()
{
    using (TaskService tasksrvc = new TaskService("<server.name>", "<username>", "<domain>", "<password>"))
    {
        Task task = tasksrvc.FindTask("<taskName>");
        task.Run();
    }

}

The job runs if I just use the C# code in a console application. So, there is no connection/login issue as such.

Console app code:

using System;
using Microsoft.Win32.TaskScheduler;

class Program
{
    static void Main(string[] args)
    {
        using (TaskService tasksrvc = new TaskService("<server.name>", "<username>", "<domain>", "<password>"))
        {
            Task task = tasksrvc.FindTask("<taskName>");
            task.Run();
        }
    }
}

Sorry, just edited the url. Home is the Controller and ABVReplay is the function. — J. Raj
– J. Raj, Commented Jul 19, 2018 at 21:43
@D-Shih I tried your suggestion, still didn't work and yes, the url is correct. — J. Raj
– J. Raj, Commented Jul 19, 2018 at 22:14
Please use the Chrome Developer Tools to show us the Request Headers and Response Headers for the AJAX request. — mjwills
– mjwills, Commented Jul 19, 2018 at 22:23
Could the program executed in the webserver by the URL when you call by browse URL? — D-Shih
– D-Shih, Commented Jul 19, 2018 at 22:23

D-Shih · Accepted Answer · 2018-07-19 21:44:11Z

4

Your jquery selector need to change

$("#btnClick")

instead of

$(".btnClick")

and make sure your call URL is correct.

# select html tag id

. select html tag class

edited Jul 19, 2018 at 21:44

answered Jul 19, 2018 at 21:36

D-Shih

46.5k6 gold badges37 silver badges56 bronze badges

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

Comments

Benjamin RD · Accepted Answer · 2018-07-19 22:29:14Z

0

. represents jquery class and # represents id, you have to replace for this code, and should works.

$(document).ready(function () {
  $("#btnClick").on('click', function () {

    $.ajax({
        async: true,
        url: "Home/ABVReplay",
        cache: false,
     });
    console.log("Replayed!");
  });
});

answered Jul 19, 2018 at 22:29

Benjamin RD

12.1k16 gold badges96 silver badges166 bronze badges

1 Comment

Benjamin RD Over a year ago

also, try with : url: "/Home/ABVReplay", What message do you get in your browser console? after click the button?

Collectives™ on Stack Overflow

Call C# method on button click using JavaScript/jQuery

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related