jQuery 自动完成：根据选定的复选框更改 SQL 查询

Question

假设我有一个文本框（带有自动完成功能 1.1，不是最新的 UI 版本）和一个复选框。 该文本框触发一个 asp.net .ashx 页面，该页面将在 sql 服务器上执行存储过程并返回结果。

一切正常，但我想添加另一个功能。 当选中该复选框时，我希望执行stored_procedure_1。 如果未选中该复选框，则必须执行stored_procedure_2。 默认情况下该复选框未选中。

我的问题： 我如何告诉 ashx 页面复选框是否被选中..？ 默认情况下，自动完成将触发类似以下内容：autocompletedata.ashx?q=myname，并将执行stored_procedure_2，但是当选中该复选框时，它必须触发autocompletedata.ashx?q=myname&mycheckbox =begin 以便执行stored_procedure_1。

我是否必须添加一些 jQuery 代码才能通过选中的复选框？ 我完全迷路了..

提前致谢。

表单元素：

<input id="search_employee" type="text" class="employee" />
<input type="checkbox" name="mycheckbox" value="begin" />

jQuery：

 $().ready(function() {

        $("#search_employee").autocomplete("includes/AutocompleteData.ashx", {
            minChars: 3,
            max: 15,
            selectFirst: false,
            scrollHeight: 300,
            formatItem: function(data, i, n, value) {
            if (value.split("_")[3]!== null)
            {
            return "<img style = 'width:40px;height:53px;float:left; margin:2px 5px 2px 0' src='/pictures/thumbs/"
            + value.split("_")[3] + "'/> " + value.split("_")[0] + "<br /><span class=smallname>" + value.split("_")[2] + "<br/>" + value.split("_")[4] + "</span>";
        } 
    },
            formatResult: function(data, value) {
                return value.split("_")[0];
            }
        });

autocompletedata.ashx 的一部分：

Dim searchname As String = context.Request.QueryString("q")
Dim searchstart as string = context.Request.QueryString("mycheckbox")
Dim searchsql as string

if searchstart = "begin" then
   searchsql = "stored_procedure_1"
else
   searchsql = "stored_procedure_2"
end if

Dim conn As SqlConnection = New SqlConnection
conn.ConnectionString = ConfigurationManager.ConnectionStrings("MyConn").ConnectionString
Dim cmd As SqlCommand = New SqlCommand
cmd.CommandType = Data.CommandType.StoredProcedure
cmd.CommandText = searchsql.ToString
cmd.Parameters.AddWithValue("@SearchText", searchname)         

Answer 1

您可以使用 .setOptions 设置其他参数：

ac.setOptions({ params: { paramOne:'somevalue', somethingelse:'foobar' } });

这是编程方式，但在您的情况下：

$("#search_employee").autocomplete("includes/AutocompleteData.ashx", {
   params: { flag:'true' }, // just grab the checked attr beforehand
     ...//rest of your AC stuff

这将执行以下 HTTP GET：

GET: includes/AutocompleteData.ashx?flag=true

允许您通过 Request.QueryString< 访问它/code> ASHX 中的集合。

编辑

我的错 - 我正在考虑 AC 的另一个版本。

我认为该参数称为“extraParams”：

$("#search_employee").autocomplete("includes/AutocompleteData.ashx", {
   extraParams: { flag:'true' }

两者都尝试一下，其中一个将/应该起作用。 :)

呵呵。