How to call a codebehind function using javascript?

Question

I'm trying to call this code behind function :

protected void Insert(object sender, EventArgs e)
        {
            blah blah blah code
            this.BindGrid();
        }

While in the .aspx file I've got my java function which looks like this:

<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true"></asp:ScriptManager>
<asp:Button ID="Button2" runat="server" Text="Call Button Click" Style="display:none" OnClick="Insert" />
<asp:Button ID="btnAdd" runat="server" Text="Add" OnClientClick="return Validate();" Width="100" />

        <script type="text/javascript">
                function Validate()
                {
                    var id = document.getElementById("txtStudentID").value;
                    Number(id);
                    var fn = document.getElementById("txtFirstName").value;
                    String(fn);
                    var ln = document.getElementById("txtLastName").value;
                    String(ln);
                    var cls = document.getElementById("txtClass").value;
                    String(cls);
                    var rn = document.getElementById("txtRollNumber").value;
                    Number(rn);
                    My code blah blah blah
                    document.getElementById("Button2").click();
                    PageMethods.Insert(onSuccessMethod, onFailMethod);
                };
          </script>

I need the Insert to work when I press the button add (the one that's visible). I'm not sure if my logic is correct or if there's a better way to it. It'd be much appreciated if someone knew hot can I call the Insert fonction from my javascript. I've tried a couple of stuff from google but none of them seem to work. thanks in advance

Check the following urls, it will help aspsnippets.com/Articles/… codeproject.com/Articles/180355/… — Ashokreddy
– Ashokreddy, Commented Oct 17, 2015 at 8:06
Well I think I'll have to go through ajax since I can't change my protected method into a public static. — Rudra Matroja
– Rudra Matroja, Commented Oct 17, 2015 at 9:10

Jad Chahine · Accepted Answer · 2015-10-17 07:33:02Z

2

You may try this :

Page.ClientScript.RegisterStartupScript(this.GetType(),"CallMyFunction","Validate()",true);

edited Oct 17, 2015 at 7:33

answered Oct 17, 2015 at 6:59

Jad Chahine

7,2179 gold badges40 silver badges65 bronze badges

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

4 Comments

Rudra Matroja Over a year ago

Thanks for the fast reply, could you tell me if I add this inside my foction or in the beginning of the code (aspx.cs)?

Rudra Matroja Over a year ago

well it's not working, the page just reloads doesn't even enter the Insert fonction. :(

Jad Chahine Over a year ago

add this inside the event method of your button, it should works

Rudra Matroja Over a year ago

Unfortunately it doesn't. Or I'm just doing it wrong somehow

manas das · Accepted Answer · 2015-10-17 09:39:52Z

1

We can use [WebMethod] for the method which we want to call from JavaScript. And that should be a static method as per my knowledge. And we can call that method from JavaScript by using

PageMethods.MethodNameOnCodeBehindClass()

So is it possible for your scenario to create a static method which can call your desired method.

edited Oct 17, 2015 at 9:39

answered Oct 17, 2015 at 9:32

manas das

741 silver badge12 bronze badges

2 Comments

Rudra Matroja Over a year ago

That was my first thought, but I it seems I can't even manage to call the public static methode from Javascript. let alone call the protected from the public static.

manas das Over a year ago

Thats we can do buddy.. If you are agree to call a public static method from Javascript . because recently i have done the same implementation. BTW i didt get your comment :p, what exactly u were trying to say..

JustLearning · Accepted Answer · 2015-10-17 09:47:59Z

1

You can also try:

ScriptManager.RegisterClientScriptBlock(this,Gettype(this),"","validate();",true);

answered Oct 17, 2015 at 9:47

JustLearning

3,3423 gold badges37 silver badges58 bronze badges

Comments

Rudra Matroja · Accepted Answer · 2015-10-19 06:17:57Z

Ok It turns out to be a simple problem of Onclick and OnClientClick. OnClientClick is the function that executes first and once completed goes to the OnClick fonction. At the end of the day here's what I ended up with: Code behind :

public void Validate(object sender, EventArgs e)
{
      boring code blah blah blah
}

Here's the aspx code

    <script id="validity" type="text/javascript">

        function Validate() {

             Blah blah blah boring code
        }
    </script>
    <asp:Button ID="btnAdd" runat="server" OnClientClick="return Validate();" OnClick="Validate"
            Text="Add" Width="100" />

I use the onclientclick to execute the javascript based validation. and once completed I ececute the server side dataupload. Seems very basic once completed. I hope it helps others in future

Collectives™ on Stack Overflow

How to call a codebehind function using javascript?

4 Answers 4

4 Comments

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related