c#之以ajax方式将项目添加到列表框

我正在关注如何从 javascript 调用 c# 函数的示例。我有一个应该自动完成用户输入的文本框。这在我将目标控制为文本框时起作用，这意味着当用户键入时，文本框将自动完成请求。

但是，我想要一个列表框来保存匹配的案例。

这是javascript代码:

function CallMe(src, dest) { 
var ctrl = document.getElementById(src); 
// call server side method 
PageMethods.GetNews(ctrl.value, CallSuccess, CallFailed, dest); 
} 
 
function CallSuccess(res, destCtrl) { 
var dest = document.getElementById(destCtrl); 
dest.value = res; 
} 
 
function CallFailed(res, destCtrl) { 
alert(res.get_message()); 
} 

下面是 C# 代码，它接受一个字符串输入并返回与输入匹配的条目。 我已经通过使用遍历列表并将项目添加到列表框的 foreach 循环对此进行了测试，我需要以 ajax 方式/样式执行此操作。

不过我希望使用 javascript 不断更新它。

    [System.Web.Services.WebMethod] 
public static List<string> GetNews(string input) 
{ 
    List<string> listan = new List<string>(); 
    SqlDataReader reader; 
    string tempstr = ""; 
    if (input == null || input.Length == 0) 
        return null; 
    SqlConnection conn = null; 
    try 
    { 
        string connection = "example"; 
        conn = new SqlConnection(connection); 
        string sql2 = "Select News from Nyheter where News LIKE '%'+@News+'%'"; 
        SqlCommand cmd = new SqlCommand(sql2, conn); 
        cmd.Parameters.AddWithValue("News", input); 
        conn.Open(); 
        reader = cmd.ExecuteReader(); 
        while (reader.Read()) 
        { 
            tempstr = (string)reader["News"]; 
            listan.Add(tempstr); 
        } 
 
        return listan; 
    } 
    catch (SqlException ex) 
    { 
        return null; 
    } 
    finally 
    { 
        conn.Close(); 
    } 
} 

这是加载代码，第一个示例有效，Textie 是一个在找到匹配项时自动完成的文本框。问题是我希望将匹配项添加到列表框中。第二个例子不起作用，我不知道为什么，项目没有被添加到列表框中。

        if (!Page.IsPostBack) 
    {      
 
        Textie.Attributes.Add("onblur", "javascript:CallMe('" + Textie.ClientID + "',        '" + Textie.ClientID + "')"); 
 
        //ListBox1.Attributes.Add("onblur", "javascript:CallMe('" + Textie.ClientID + "', '" + ListBox1.ClientID + "')"); 
 
    } 

提示将不胜感激，有没有更简单的方法来解决这个问题？

请您参考如下方法:

 Textie.Attributes.Add("onblur", "javascript:CallMe('" + Textie.ClientID + "',        '" + Textie.ClientID + "')"); 

将此代码放在页面加载中，但不要放在“NOt postback”代码中。