使用Jquery的ASP.NET Ajax调用添加到列表

Question

我有一个简单的UI，在其中尝试使用数据库中的数据填充选择下拉列表。 我正在通过AJAX调用来获取数据。

C＃Web方法看起来像

private static List<List<string>> componentTypeDropDown = new List<List<String>>();

private void loadDropDownList()
{
    OleDbConnection conn = new OleDbConnection(connectionString);
    OleDbCommand cmd = new OleDbCommand("SELECT FieldName,FieldLabel FROM dropDownFields", conn);
    conn.Open();
    OleDbDataReader dr = cmd.ExecuteReader();
    while (dr.Read())
    {
       List<String> temp = new List<string>();
       temp.Add((string)dr.GetValue(0));
       temp.Add((string)dr.GetValue(1));
       componentTypeDropDown.Add(temp);
       conn.Close();
    }
}

[WebMethod]
public static ArrayList getComponentType()
{
    ArrayList compType = new ArrayList();
    for (int i=0;i<componentTypeDropDown.Count();i++)
    {
       compType.Add(new { label = componentTypeDropDown[i][0], value = componentTypeDropDown[i][1] });
    }
    return compType;
}

AJAX呼叫看起来像

$.ajax({
    type: "POST",
    url: "salesQuote.aspx/getComponentType",
    data: "",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (msg) {
          console.log("karan");
    },
    error: function () {                   
          alert("Failed to load names");
    }
});

每次刷新或什至重新启动服务器时，成功回调中的msg值也会具有以前的值。 例如，假设我的数据库的值为1,2。 第一次调用ajax msg是1,2，如果我刷新，则值为1,2,1,2，依此类推。 即使我关闭服务器并重新启动，该值也将是1,2,1,2,1,2

Answer 1

您的ComponentTypeDropdown是静态的，因此，每次调用“ LoadDropdownList”时，此列表都会添加新项目，而不会删除旧项目。

我建议您在loadDropDownList方法中添加以下行：

 private void loadDropDownList()
    {
        componentTypeDropdown.RemoveAll();
        OleDbConnection conn = new OleDbConnection(connectionString);
        OleDbCommand cmd = new OleDbCommand("SELECT FieldName,FieldLabel FROM dropDownFields", conn);
        conn.Open();
        OleDbDataReader dr = cmd.ExecuteReader();
        while (dr.Read())
        {
           List<String> temp = new List<string>();
           temp.Add((string)dr.GetValue(0));
           temp.Add((string)dr.GetValue(1));
           componentTypeDropDown.Add(temp);
           conn.Close();
        }
    }