javascript - 如何使用 ajax 和 ac# 方法填充下拉列表

Question

嗨，我的 c# 方法是这样的：

[WebMethod] 
    protected static void fillList(HiddenField hiddenControl, System.Web.UI.WebControls.DropDownList listinc)
    {
        int dato = 0;
        string strSql;
        dato = Convert.ToInt32(hiddenControl.Value);

        SqlConnection conn = new SqlConnection(ConfigurationManager.ConnectionStrings["default"].ToString());
        conn.Open();
        strSql = "SELECT DISTINCT incid FROM HisReportes WHERE peri = " + dato;
        SqlCommand camAND = new SqlCommand(strSql, conn);
        System.Data.DataTable tablainc = new System.Data.DataTable();
        camAND.CommandTimeout = 36000;
        tablainc.Load(camAND.ExecuteReader());

        foreach (DataRow dtrw in tablainc.Rows)
        {            
           listinc.Items.Add(dtrw[0].ToString());
        }

    }

我使用 onlick 函数进行了测试，它可以工作，但我需要从 Ajax 函数中调用它：

$.ajax({
        type: "POST",
        url: "Incio.aspx/fillList",
        data: '{hiddenControl , listinc, dtrw }',
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(data)
            {
                $.each(data, function (){
                    $("listinc").append($("<option     />").val(this.incidente).text(this.dtrw[0]));
                });
            },
            failure: function () {
                alert("Failed!");
            }
        });

那是我的 ajax 函数，但它没有填充下拉列表。

标签： javascriptc#asp.netajax

Answer 1

您需要从 WebMethod 返回列表，我建议您从 WebMethod 返回一个字符串数组。

    [WebMethod]
    public static string[] fillList()
    {
        your code here....
        return listinc.ToArray();
    }

所以，在成功函数中导入Ajax

    $.ajax({
      type: "POST",
      url: "./Inicio.aspx/fillList",
      ...
      success: function (data) {
          let data = data["d"];
          let dropdown = $("#listinc");

          for (let i = 0; i < data.length; i++) {
            // put here your data
            dropdown.append(`<option>${ data[i] }</option>`);
          }
       }
    });