Загрузите PageMethods по нажатию кнопки в JQuery

Question

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#loadbtn').click(function() { // can 't load 
      opts = { 
       title: 'ABCD', 
       series: [{ 
        neighborThreshold: 0 
       }], 
       axes: { 
        xaxis: { 
         //smethg 
        }, 
        yaxis: { 

         //smethg 
        } 
       }, 

      }; 
      PageMethods.LoadAsset(LoadSucc, LoadFail); //Want to load by button click event 
      function LoadSucc(obj) { 
       goog = obj; 
       //Something 
       alert("Data loaded"); 
      } 

      function LoadFail() { 
       alert("Data missing"); 
      } 
     }); 
    }); 
</script> 

В моей C# код

[System.Web.Services.WebMethod] 
public static Array LoadAssetAssignView() 
{ 
    //something 
    return something; 
} 

ASP:

<asp:Button runat="server" ID="loadbtn" Text="Load" /> 

На самом деле функция начала работы в готовой функции документа. Я хочу загрузить функцию при нажатии на кнопку. Как мне это сделать?

Answer 1

Я думаю, что вам не удалось объявить метод в html. Пример:

<div> 
Your Name : 
<asp:TextBox ID="txtUserName" runat="server"></asp:TextBox> 
<input id="btnGetTime" type="button" value="Show Current Time" 
    onclick = "ShowCurrentTime()" /> 
</div> 

затем вызвать JQuery:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script> 
<script type = "text/javascript"> 
function ShowCurrentTime() { 
    $.ajax({ 
     type: "POST", 
     url: "CS.aspx/GetCurrentTime", 
     data: '{name: "' + $("#<%=txtUserName.ClientID%>")[0].value + '" }', 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: OnSuccess, 
     failure: function(response) { 
      alert(response.d); 
     } 
    }); 
} 
function OnSuccess(response) { 
    alert(response.d); 
} 
</script> 

И длиться pagemethod. Вы можете запросить ссылку по этой ссылке: http://www.aspsnippets.com/Articles/Call-ASPNet-Page-Method-using-jQuery-AJAX-Example.aspx