Llamando al archivo webmethod ina aspx.cs usando jquery ajax

Question

Tengo un default.aspx.cs que contiene mi webmethod para llamar y tengo mi archivo js que contiene mi jquery ajax. No puedo llamar al método web.

Aquí está mi default.aspx.cs:

protected void Page_Load(object sender, EventArgs e) 
    { 
     string[] MyArray = new string[1]; 
     MyArray[0] = "My Value"; 

     Grid1D.DataSource = MyArray; 
     Grid1D.DataBind(); 
    } 

    [WebMethod] 
    public Details[] getDetails(string columnname, string inputVal) 
    { 
     List<Details> list = new List<Details>(); 

     DbAccess dbacc = new DbAccess(); 

     DataTable dt = dbacc.getReportDetails(columnname, inputVal); 

     foreach (DataRow row in dt.Rows) 
     { 
      Details _Details = new Details(); 
      _Details.memid = row["memid"].ToString(); 
      _Details.usrname = row["usrname"].ToString(); 
      _Details.fullname = row["fullname"].ToString(); 
      _Details.fname = row["fname"].ToString(); 
      _Details.mname = row["mname"].ToString(); 
      _Details.lname = row["lname"].ToString(); 
      _Details.bdate = row["bdate"].ToString(); 
      _Details.address = row["address"].ToString(); 
      _Details.sponsorid = row["sponsor_id"].ToString(); 
      _Details.parentid = row["parent_id"].ToString(); 
      _Details.placement = row["placement"].ToString(); 
      _Details.datejoined = row["date_joined"].ToString(); 


      list.Add(_Details); 
     } 

     Grid1D.DataSource = list.ToArray(); 
     Grid1D.DataBind(); 

     return list.ToArray(); 
    } 

Y aquí es mi archivo JS:

function retrieveReportData() { 
    var columnName = $("#ddlFilters").val(); 
    var input = $("#tags").val(); 

    if (columnName != "Select") { 

     var Data = JSON.stringify({ columnname: columnName, inputVal: input }); 

     alert(Data); 

     $.ajax({ 

      url: "Default.aspx/getDetails", 
      data: Data, 
      type: "POST", 
      dataType: "json", 
      contentType: "application/json; charset=utf-8", 
      success: function (mydata) { 

       alert(mydata.d); 
      } 
     }); 

    } 
    else 
     alert("Please choose search filter"); 
} 

Usted puede notar que estoy alertando a mis datos para asegurar que tengo la valores correctos para enviar a mi webmethod. Pero al igual que dije, falla al llamar mi webmethod y no procede a mi función de éxito dentro de mi ajax. ¡Ayuda! ¡Gracias! :)

Answer 1

Usted WebMethod necesita ser static.

[WebMethod] 
public static Details[] getDetails(string columnname, string inputVal) 

Answer 2

intenta establecer type a "GET" y enviar los parámetros de la URL en lugar de datos

url: "Default.aspx/getDetails/?colunmname="+colname+"&inputVal="+inputValue, 
type: "GET" 

Answer 3

Ésta es una muestra completa, que muestra todo el proceso en el principio hasta al final de cómo llamar a un lado del servidor "WebMethod" a través de peticiones ajax asp.net utilizando la página.

http://www.codeproject.com/Questions/374136/Call-Page-Method-From-Jquery-Ajax-Call