How to call code behind server method from a client side JavaScript function

Question

I am having an JavaScript function for a HTML button click event in ASPX page  And a server Method in its code behind page  Now i want to call the server method from the JavaScript function with some parameters only when the HTML button is clicked by the user    Please don t change this scenario and also don t use any asp net contols in the aspx page while replying  Because only HTML controls are allowed  Can anyone help me on this    Thanks in advance  Eagerly waiting for answers   Here is the code   Code in markup    lt script language  javascript  type  text javascript  gt      function btnAccept onclick                     var name                      name   document getElementById  txtName   value              Call Server side method SetName   by passing this parameter  name   lt  script gt    lt input type  button  id  btnAccept  value  Accept  onclick  return btnAccept onclick      gt    Code-behind   public void SetName string name           Code for some functionality

User · Answer

I had to register my buttonid as a postbacktrigger     RegisterPostbackTrigger idOfButton

User · Answer

include jquery js   javascript function var a1  aaa   var b1  bbb                              pagename methodname        parameters  CallServerFunction  Default aspx FunPubGetTasks     a      a1     b      b1                    function result                                  function CallServerFunction StrPriUrl ObjPriData CallBackFunction            ajax           type   post           url  StrPriUrl          contentType   application json  charset utf-8           data  ObjPriData          dataType   json           success  function result                         if CallBackFunction  null  amp  amp  typeof CallBackFunction    undefined                                 CallBackFunction result                                     error  function result                         alert  error occured                alert result responseText               window location href  FrmError aspx Exception   result responseText                     async  true               page name is Default aspx  amp  FunPubGetTasks method    your code behind function       System Web Services WebMethod            public static object FunPubGetTasks string a  string b                          return Ienumerable or array

User · Answer

If you dont want to use ajax than  Code behind   void myBtn Click Object sender EventArgs e         SetName name   your code      aspx file   lt script language  javascript  type  text javascript  gt      function btnAccept onclick                     var name                      name   document getElementById  txtName   value          document getElementById  callserver   click               Call Server side method SetName   by passing this parameter  name   lt  script gt     lt div style  dispaly none   gt     lt input type  button  id  callserver  value  Accept  click  myBtn Click  runat  server    gt   lt  div gt   lt input type  button  id  btnAccept  value  Accept  onclick  return btnAccept onclick      gt    or use page method   cs file  ScriptMethod  WebMethod      public static string docall              return  Hello          aspx file   lt script type  text javascript  gt        function btnAccept onclic               PageMethods docall onSuccess  onFailure              function onSuccess result              alert result                   function onFailure error              alert error              lt  script gt    check this   http   blogs microsoft co il blogs gilf archive 2008 10 04 asp-net-ajax-pagemethods aspx

User · Answer

In my projects  we usually call server side method like this   in JavaScript   document getElementById  UploadButton   click      Server side control    lt asp Button runat  server  ID  UploadButton  Text    style  display none   OnClick  UploadButton Click    gt    C    protected void Upload Click object sender  EventArgs e

User · Answer

Ajax is the way to go  The easiest  and probably the best  approach is jQuery ajax    You ll end up writing something like this     ajax     url   test html     context  document body    success  function           do something when done

User · Answer

In my opinion  the solution proposed by user1965719 is really elegant  In my project  all objects going in to the containing div is dynamically created  so adding the extra hidden button is a breeze   aspx code             lt asp Button runat  server  id  btnResponse1  Text         style  display  none  width 100   height 100       OnClick  btnResponses Clicked    gt        lt div class  circlebuttontext  id  calendarButtonText  gt Calendar lt  div gt   lt  div gt        C  code behind   protected void btnResponses Clicked object sender  EventArgs e        if sender    btnResponse1                  Your code behind logic for that button goes here

User · Answer

Yes  you can make a web method like     WebMethod  public static String SetName string name        return  Your String      And then call it in JavaScript like   PageMethods SetName parameterValueIfAny  onSuccessMethod onFailMethod     This is also required     lt asp ScriptManager ID  ScriptMgr  runat  server  EnablePageMethods  true  gt  lt  asp ScriptManager gt

User · Answer

Try creating a new service and calling it   The processing can be done there  and returned back   http   code msdn microsoft com windowsazure WCF-Azure-AJAX-Calculator-4cf3099e  function makeCall operation       var n1   document getElementById  num1   value      var n2   document getElementById  num2   value  if n1  amp  amp  n2               Instantiate a service proxy         var proxy   new Service                Call correct operation on vf cproxy                switch operation                case  gridOne                   proxy Calculate AjaxService Operation getWeather  n1  n2   onSuccess  onFail  null        HTML CODE      lt p gt Major City   lt input type  text  id  num1  onclick  return num1 onclick      gt  lt  p gt   lt p gt Country   lt input type  text  id  num2  onclick  return num2 onclick      gt  lt  p gt    lt input id  btnDivide  type  button  onclick  return makeCall  gridOne

User · Answer

JS Code    lt script type  text javascript  gt           function ShowCurrentTime name             PageMethods GetCurrentTime name  OnSuccess                       function OnSuccess response  userContext  methodName              alert response               lt  script gt    HTML Code    lt asp ImageButton ID  IMGBTN001  runat  server  ImageUrl  Images ico labaniat png  class  img-responsive em-img-lazy  OnClientClick  ShowCurrentTime  01      gt    Code Behind C    System Web Services WebMethod  public static string GetCurrentTime string name        return  Hello     name   Environment NewLine    The Current Time is                  DateTime Now ToString

[c#] How to call code behind server method from a client side JavaScript function?

Examples related to c#

Examples related to javascript

Examples related to .net

Examples related to asp.net