How to call a codebehind function from javascript in asp.net?

Question

I want to call a function from my code behind using javascript. I used the below code:

function fnCheckSelection() {
some script;
window["My"]["Namespace"]["GetPart"](null);
}

...where "GetPart" is the function name. However, this is not working. Please help me on this.

Possible duplicate of [Here](http://stackoverflow.com/questions/5731224/calling-javascript-function-from-codebehind) — Aria, Mar 03 '15 at 08:33
@Aria.I need the viceverse of what you said. I need to call a method in codebehind from javascript. — charu, Mar 03 '15 at 08:40
Please have a look at this one: http://stackoverflow.com/a/28829291/896276 — pangular, Mar 03 '15 at 11:35
@Med.Amine.Touil. Yes I tried. But i was not able to add namespace for webmethod. So it is not working. — charu, Mar 06 '15 at 09:39
@charu if you are talking about WebMethod attribute, you find it in `System.Web.Services` namespace — Med.Amine.Touil, Mar 06 '15 at 09:43
@Med.Amine.Touil I tried adding that.But it showed error on [webmethod] — charu, Mar 06 '15 at 09:45
@charu What's this error or Exception ?? And it's [WebMethod] . it is case sensitive — Med.Amine.Touil, Mar 06 '15 at 09:49
did you find any solution for this? or you still need a help?if you need help then let me know — Arunprasanth K V, Mar 06 '15 at 20:18
@ArunprasanthKV No, I dint find a perfect solution till now. As i said in the previous comments, it works fine with button click. But it goes in round trip. I have got an idea to use update panel. But still the same. Can you please help me on this — charu, Mar 09 '15 at 06:04
Ok you can use ajax for doing the same i can provide an example for that, check with that and let me know if you have still problems — Arunprasanth K V, Mar 09 '15 at 06:05

score 31 · Accepted Answer · edited Jun 26 '20 at 17:00

31

in JavaScript:

    document.getElementById("btnSample").click();

Server side control:

    <asp:Button runat="server" ID="btnSample" ClientIDMode="Static" Text="" style="display:none;" OnClick="btnSample_Click" />

C#

    protected void btnSample_Click(object sender, EventArgs e)
    {

    }

It is easy way though...

edited Jun 26 '20 at 17:00

Joel Christophel

2,604
4
30
49

answered Mar 03 '15 at 09:08

Nachiket

620
6
23

It will reload as obvious. When you click the server control, ASP.NET always loads the page and then call the event which is triggered from JavaScript call. Its like we are clicking the button without mouse. – Nachiket Mar 03 '15 at 10:43
2

Yeah. But if i use Update Panel, I can update the particular portion right? And my grid which is supposed to update is inside the update panel. But still it is not working. Do you have any idea on this. – charu Mar 06 '15 at 09:41
3

For the javascript code, I believe you need to use document.getElementById('<%=btnSample.ClientID%>').click(); – dcp Jan 19 '18 at 15:43
@Nachiket I want to pass parameters how can i do it? – IdkWhy Jul 27 '18 at 15:43
1

or add `ClientIDMode="Static"` to `btnSample`. – KZee Mar 21 '20 at 18:07

score 10 · Answer 2 · answered Mar 03 '15 at 08:44

10

You can do this by an ajax call

this is a jquery example:

$.ajax({
            type: "POST",
     url:"~/code_behind.aspx/Method",
            data: dataPost,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
    ....
    });

here is api documentation and in code behind

[WebMethod]
public static yourType Method (Params){}

or you can add a hidden button inside updatePanel, and invoke the click event using js. ('#<%=ID.ClientID%>').click(); It will invoke the OnClientClick if it exists then your codeBehind fucntion.

answered Mar 03 '15 at 08:44

Med.Amine.Touil

1,225
2
11
15

`~/code_behind.aspx/Method` should be resolved with eg `.ResolveClientUrl` – Mar 03 '15 at 08:51
`~` is no valid qualifier in pure HTML, it does only work for ASP.net and needs resolving according to the applications virtual path, which can be achieved with eg [`.ResolveClientUrl("~/foo.aspx")`](https://msdn.microsoft.com/en-us/library/system.web.ui.control.resolveclienturl.aspx)https://msdn.microsoft.com/en-us/library/system.web.ui.control.resolveclienturl.aspx – Mar 03 '15 at 08:56
You don't need to resolve anything. Just write: `url: yourpage.aspx/Method` . – Roland Jan 13 '17 at 12:15
1

Can I do it without static? – Cibo FATA8 Nov 28 '19 at 19:30

Arunprasanth K V · Answer 3 · 2015-03-09T06:26:13.163

5

try this

Your code behind function

[WebMethod]
public  static void GetPart() {

               //your code goes here
}

. Javascript

$(document).ready(function () {

 $("#btnname").click(function () {

 $.ajax({
                    type: "POST",
                    url: "/youraspxpagename.aspx/GetPart",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (msg)
                    {

                    }
                });
});

});

edited Mar 09 '15 at 06:26

answered Mar 09 '15 at 06:16

Arunprasanth K V

20,733
8
41
71

try this and let me know if you have still problems – Arunprasanth K V Mar 09 '15 at 06:18
fix a break point in code behind function and check whether it is hitting – Arunprasanth K V Mar 09 '15 at 06:19

score -1 · Answer 4 · edited Mar 03 '15 at 11:43

-1

Using ajax, you can call a codebehind function from javascript using JQuery:

function : fnCheckSelection(){
    $.ajax({
        cache: false,
        url: "/GetPart"
        type: "POST",
        success: function (result) {

        },
        error: function (msg) {

        }
    });
}

edited Mar 03 '15 at 11:43

Inspector Squirrel

2,548
2
27
38

answered Mar 03 '15 at 11:24

Krunal Makwana

1
2

How to call a codebehind function from javascript in asp.net?

4 Answers4

Linked