Issue encountered when attempting to invoke server-side function using JavaScript

Question

Issue encountered when attempting to invoke server-side function using JavaScript

[WebMethod]
public static string simple()
{
    Home h = new Home();
    h.logout();

    return "dfdsf";
}
public void logout()
{
    Response.Redirect(Config.Value("logout"));
}

client side code

$('#logout').on('click', function () {
    console.log("dfsnhkjdfsj");
    $.ajax({
        type:"GET",
        url: "Home.aspx/simple"
        }).done(function () {
        console.log("dfsds");
    });

});

http://localhost:14605/Home.aspx/simple 404 (Not Found) it is showing that method is not found please help to clear

javascript asp.net

Answer 1

Answer №1

Consider removing .aspx from the URL path. The Controller is named Home, and the method within it is simple.

$('#logout').on('click', function () {
    console.log("Clicked");
    $.ajax({
        type:"GET",
        url: "Home/simple"
        }).done(function () {
        console.log("Done");
    });

});

Answer 2

Consider removing .aspx from the URL path. The Controller is named Home, and the method within it is simple.

$('#logout').on('click', function () {
    console.log("Clicked");
    $.ajax({
        type:"GET",
        url: "Home/simple"
        }).done(function () {
        console.log("Done");
    });

});

Answer 3

Answer №2

If the server side method is located in your code behind file, then the following solution should be effective

Execute the following JavaScript code:

$('#logout').on('click', function () {
    console.log("Clicked");
    PageMethods.simple(yourParameterIfAny, onSucess, onError);
        function onSucess(result) {
            /*OK*/
        }
        function onError(result) { /*Error*/ }
});

Additionally, ensure that your script manager has the property EnablePageMethods set to true

            <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true">
            </asp:ScriptManager>

Answer 4

If the server side method is located in your code behind file, then the following solution should be effective

Execute the following JavaScript code:

$('#logout').on('click', function () {
    console.log("Clicked");
    PageMethods.simple(yourParameterIfAny, onSucess, onError);
        function onSucess(result) {
            /*OK*/
        }
        function onError(result) { /*Error*/ }
});

Additionally, ensure that your script manager has the property EnablePageMethods set to true

            <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true">
            </asp:ScriptManager>

Issue encountered when attempting to invoke server-side function using JavaScript

Answer №1

Answer №2

Similar questions

initiate a POST request using fetch(), where the data sent becomes the key of

Secure login using AngularJS

The updating of Angular 2 CLI variables does not occur

Node.js Friendship NetworkIncorporating Friendships in Node

How do I navigate to a different page in a Flask app after an ajax post depending on a condition detected in the view?

How can I ensure that the HTML I retrieve with $http in Angular is displayed as actual HTML and not just plain text?

The dimensions of the pop-up window in Chrome's JavaScript are not displaying correctly

Error in JavaScript Slideshow

Is it possible to extract the selected indexes of all select menus in my HTML and assign them to various arrays of my choosing? I find myself writing a lot of code just for one select menu

Unusual behavior observed within for loop; code within not running as expected

Calling functions in AngularJS/HTML can help you execute specific

Issue in Angular: Attempting to access properties of undefined (specifically 'CustomHeaderComponent')

Creating a Basic jQuery AJAX call

Troubleshooting Django Python: Why can't I retrieve a JS object sent via AJAX in my Python QueryDict?

Understanding the Relationship Between Interfaces and Classes in Typescript

Locate an item based on the `Contains` criterion by utilizing Express and Mongoose

What could be causing the misalignment between the desired output and the response from the AJAX request

Is it possible to import a class from a different project or module in TypeScript?

Encountering Timeout Error While Establishing Connection in Web Configuration file

Error: Trying to access property '1' of an undefined value is not allowed