Breaking News: Grepper is joining You.com. Read the official announcement!

javascript ajax prevent page load

Harihar Padhi answered on December 25, 2023 Popularity 2/10 Helpfulness 1/10

answer javascript ajax prevent page load

javascript ajax prevent page load

Comment

function SearchResult(event) {
    event.preventDefault(); // Prevent default form submission

    try {
        var InputData = document.getElementById("MyInput").value;
        var data = {
            AccountNumber: InputData
        }

        var endpoint = 'Search.aspx/SearchResult';

        // Make an AJAX call to your C# WebMethod
        $.ajax({
            type: "POST",
            url: endpoint,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            data: JSON.stringify(data),
            success: function (response) {
                console.log(response.d);
                alert(response.d);
            },
            error: function (xhr, status, error) {
                console.error("Error:", error);
            }
        });
    } catch (e) {
        console.log(e);
    }
}

$(document).ready(function() {
    $("#myButton").click(SearchResult); // Attach the function to the click event
});

Popularity 2/10 Helpfulness 1/10 Language javascript

Source: chat.openai.com

Tags: ajax javascript load

Link to this answer
Share Copy Link

Contributed on Dec 25 2023

Harihar Padhi

0 Answers Avg Quality 2/10

javascript ajax prevent page load

Contents

More Related Answers

javascript ajax prevent page load

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.