How to call C# code from javascript function

Question

In my application I need to call aspx.cs method to bind Gridview from javascript function call how can i do this I searched and found some codes but it didn't work for me

I tried code:

Client Side:

<script>
 function MyHeader() {      

           PageMethods.BindHeaderGrid(); //I tried this one also
           var x = document.getElementById('HeaderDiv');
           if (x.style.display === 'none') {
               x.style.display = 'block';
               img2.src= "minus.gif";               

           } else {
               x.style.display = 'none';
               img2.src= "plus.gif";
           }      
       }       
</script>

<img id='img2' width="9px" border="0" src="plus.gif" onclick="MyHeader()"/> Header <div id="HeaderDiv" style="display:none">         
          <asp:GridView ID="GrdHeader" runat="server" AutoGenerateColumns="false">
              <Columns>
                  <asp:BoundField  DataField="SenderID" HeaderText="SenderID" />
                  <asp:BoundField  DataField="ReceiverID" HeaderText="ReceiverID" />
                  <asp:BoundField DataField="Transactiondate" HeaderText="Transactiondate" />
                  <asp:BoundField DataField="RecordCount" HeaderText="RecordCount" />
                  <asp:BoundField DataField="DispositionFlag" HeaderText="DispositionFlag" />
              </Columns>
          </asp:GridView></div>

ServerSide: aspx.cs

[WebMethod]
    public void BindHeaderGrid()
    {        
        GrdHeader.DataSource = ds.Tables[0];
        GrdHeader.DataBind();

    }

Thank you

That's a wrong way of doing that. You cannot force a ASPX Datagrid to `Bind()` from Javascript. That would require **a postback**. I suggest you look into scriptmanager and updatepanel. — Koby Douek, May 23 '17 at 04:29
@uɐpuɐɥƆ, I don't want to call javascript function from codebehind. I need .cs method to call from javascript function. — Bear grills, May 23 '17 at 04:34
refer https://stackoverflow.com/questions/7089760/how-to-call-an-asp-net-c-sharp-method-using-javascript — Chandan Kumar, May 23 '17 at 04:36
@uɐpuɐɥƆ, I tried that one also but my function is not calling — Bear grills, May 23 '17 at 04:39
Debug in both .cs and javascript and Mention what error you are getting — Chandan Kumar, May 23 '17 at 04:40
@KobyDouek, whatever your saying I tried with this scriptmanager and updatepanel but it is not working — Bear grills, May 23 '17 at 04:42
did you searched for that? if no, have a look into it https://stackoverflow.com/questions/16775117/asp-net-scriptmanager-pagemethods-is-undefined — Chandan Kumar, May 23 '17 at 04:48

score 0 · Answer 1 · answered May 23 '17 at 04:40

0

You can not do this - Call a function in Server side from client side.

I seen your code and I have 2 options for you:

If you only want show or hide Gridview #GrdHeader then you can alway call "BindHeaderGrid" on page load (or the same)
If you want reload Gridview when user click to #img2 then you may by split GridView #GrdHeader to a page and embeaded it to this page by a iframe tag, when use click to img #img2 only reload the iframe tag

answered May 23 '17 at 04:40

hoangdv

15,138
4
27
48

which your choice? – hoangdv May 23 '17 at 05:49
I need when i click image(+) i need to load and display gridview. when image (-) click hide gridview – Bear grills May 23 '17 at 06:13
ServerSide: aspx.cs protected void Page_Load(object sender, EventArgs e) { if (!Page.IsPostBack) { BindHeaderGrid() } } – hoangdv May 23 '17 at 06:27

score 0 · Answer 2 · answered May 23 '17 at 05:14

Check this.

JavaScript

        $.ajax({
                type: "POST",
                dataType: "json",
                data: {data: data}, // if no data available leave this out
                url: "example.asmx/exampleMethod", //if you wanna call a function in the page just include the function name in here
                success: function (data) {

                    // do something if the function is success

                }
            });

C# Webservice

 public class Example: System.Web.Services.WebService
    {

        [WebMethod]
        public void exampleMethod(Parameters)
        {
            // Something you wanna do

           //If you wanna return something to javascript 
            Context.Response.ContentType = "text/HTML";
            var js = new JavaScriptSerializer();
            Context.Response.Write(js.Serialize(returnDataObject));
        }
}

In you case i think his might work.

        $.ajax({
                type: "POST",
                dataType: "json",
                url: "BindHeaderGrid()", 
                success: function (data) {

                }
            });

How to call C# code from javascript function

2 Answers2