web-dev-qa-db-fra.com

Appel de webmethod dans le fichier aspx.cs à l'aide de jquery ajax

J'ai un default.aspx.cs qui contient mon webmethod à appeler et j'ai mon fichier js qui contient mon jquery ajax. Je n'arrive pas à appeler la méthode Web. 

Voici mon 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();
    }

Et voici mon fichier 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");
}

Vous remarquerez peut-être que je préviens mes données pour m'assurer que j'ai les bonnes valeurs à envoyer à mon procédé Web. Mais juste comme je l'ai dit, il n'appelle pas ma méthode Web et ne passe pas à ma fonction de réussite au sein de mon ajax. Aidez-moi! Merci! :)

c#jqueryasp.netajaxwebmethod
9
Luke Villanueva

Votre méthode Web doit être static.

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

Celui-ci est un exemple complet, qui montre l'ensemble du processus du début à la fin de la procédure à suivre pour appeler un "procédé Web" côté serveur via une requête ajax à l'aide de la page asp.net.

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

3
Zhan

Essayez de définir type sur "Get" et envoyez les paramètres dans l'URL au lieu de Data

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