How to call a Server Side Function in a javascript Function

Question

I have a button which will execute this when clicked:

protected void Button6_Click(object sender, EventArgs e)
{
    Page.ClientScript.RegisterStartupScript(this.GetType(), 
                    "myScript", "AnotherFunction();", true);
}

I also have another server side function which is this:

public void Delete()
{
  //Delete Code
}

After clicking the button, it will now go to this javascript function:

Now what i want to do is, call the Delete() function on the SERVER side .Here is my javascript function what i have tried so far

function (isConfirm) 
{
   if (isConfirm)
   {
       //CALL DELETE FUNCTION HERE Delete();
       swal("Deleted!", "Your imaginary file has been deleted.", "success");
   }
   else
   {
       swal("Cancelled", "Your imaginary file is safe :)", "error");
   }
 });

How can i call that server side function? Any idea?

Call it via AJAX, or put it in a web service (or both).

Robert Harvey
– Robert Harvey

2015-01-08 06:59:16 +00:00
Commented Jan 8, 2015 at 6:59 — Robert Harvey
– Robert Harvey, Commented Jan 8, 2015 at 6:59
Use ajax that is the better option

Arunprasanth K V
– Arunprasanth K V

2015-01-08 07:08:19 +00:00
Commented Jan 8, 2015 at 7:08 — Arunprasanth K V
– Arunprasanth K V, Commented Jan 8, 2015 at 7:08

Amer · Accepted Answer · 2015-01-08 07:48:45Z

You can achieve this in 2 ways. Ajax/Web Service or triggering button click in JS. Most simplest is to trigger button click. Use following code.

aspx:

<asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" ClientIDMode="Static" style="display:none;"/>

c#:

protected void Button1_Click(object sender, EventArgs e)
{
      Delete();
}

JS:

document.getElementById('Button1').click();

// jquery
$("#Button1").click();

But if you do not want to postback your page then use Ajax. In Ajax simple, you need to add a webpage say data.aspx, in backend class of data.aspx you to will add following c#

Ajax. C#

 [WebMethod]
 public static int DoSomething(int Id)
 {
       return 1;
 }

And now you can call this from JS:

$.ajax({
            url: APP_PAGE_RELATIVE_PATH + "Data.aspx/DoSomething",
            data: "{'Id':5}",
            type: "POST",
            cache: false,
            headers: { "cache-control": "no-cache" },
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (msg) {

                // Do Something

            },
            error: function (xhr, status, error) {
                //DebugAlert("Error: " + xhr.responseText);
            }
        });

Harsh Baid · Accepted Answer · 2015-01-08 07:13:53Z

0

I'd add a ScriptManager to the page and enable PageMethods;

and code in:

In ASPX:

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

In Javascript:

<script>
     PageMethods.Delete();        
</script>

In ASPX.cs:

[System.Web.Services.WebMethod]
public static void Delete()
{
     //Delete Code
}

edited Jan 8, 2015 at 7:13

Harsh Baid

7,2496 gold badges51 silver badges94 bronze badges

answered Jan 8, 2015 at 7:02

Entrabiter

8008 silver badges13 bronze badges

Collectives™ on Stack Overflow

How to call a Server Side Function in a javascript Function

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related