带有SQL的jQuery自动完成表单？

Question

我想知道是否可以用jQuery和SQL创建一个自动填充表单，可能使用jQuery的.change()和SQL的SELECT * FROM table WHERE name LIKE '%$q%'功能。这可能吗？

Answer 1

从概念上讲，这是可能的，但jQuery不能直接命中SQL DB。因此，'%$q%'中的美元符号对我来说毫无意义。此外，由于您可能会查找以用户输入的任何内容开始的单词，因此您的LIKE表达式应该只在末尾有'％'，而不是开头的'％'。

Answer 2

如果您尝试仅绑定到文本框并在其值发生更改时显示自动完成，则应执行以下操作。

//Javascript 
$("#txtSearchValue").autocomplete({ 
    source: function (request, response) { 
     var regex = RegExp('[^a-z0-9\\&\\s]', 'gi'); 
     var obj = { 
      searchValue: request.term.replace(regex, '') 
     }; 

     $.ajax({ 
      type: "POST" 
      , contentType: "application/json; charset=utf-8" 
      , url: "AutoComplete.asmx/QueryList" 
      , data: JSON.stringify(obj) 
      , dataType: "json" 
      , async: true 
      , success: function (data) { 
       response(data.d); 
      } 
      , error: function (request, status, error) { 
       var err = jQuery.parseJSON(request.responseText); 
       alert(err.Message); 
      } 
     }); 
    } 
    , minLength: 2 
}); 


//Auto-Complete on the server (code using C#) 
[WebMethod] 
[System.Web.Script.Services.ScriptMethod] 
public string[] QueryList(string searchValue) 
{ 
    string sqlSelect = @"select column_name 
         from table 
         where column_name like '%' + @target + '%'"; 
    using(SqlConnection conn = new SqlConnection(WebConfigurationManager.ConnectionStrings["connString"].ConnectionString)) 
    { 
     using(SqlDataAdapter da = new SqlDataAdapter(sqlSelect, conn)) 
     { 
      da.SelectCommand.Parameters.AddWithValue("@target", searchValue); 
      DataTable dt = new DataTable(); 
      conn.Open(); 
      da.Fill(dt); 

      string[] results = new string[dt.Rows.Count]; 
      for (int i=0; i<results.Length; i++) 
      { 
       results[i] = dt.Rows[i]["column_name"].ToString(); 
      } 

      return results; 
     } 
    } 
}