Question

我正在尝试创建自动完成功能，该功能在用户输入时从数据表开始建议。它似乎没事，但它弹出Not Found。在我的数据库中，所有列名称和连接似乎都没有问题。我不明白问题出在哪里，因为它甚至不会引发任何错误。 This is the link of files I uploaded on server

ASPX

var c = [
            {headerName: "Make", field: "make", seqNo: 4},
            {headerName: "Model", field: "model", seqNo: 1},
            {headerName: "XModel", field: "model", seqNo: 2},
            {headerName: "Rate", field: "price", seqNo: 3},
            {headerName: "Price", field: "price", seqNo: 0}
        ];

VB

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script> 
    <link href="jquery-ui.css" rel="stylesheet" type="text/css" />  
    <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.8.0.js"></script>
    <script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.22/jquery-ui.js"></script>


    <script type="text/javascript">  
        $(function () {
            $("#area").autocomplete({
                source: function (request, response) {
                    var param = { cityname: $('#area').val() };
                    $.ajax({
                        url: "Dafault.aspx/GetAreas",
                        data: JSON.stringify(param),
                        dataType: "json",
                        type: "POST",
                        contentType: "application/json; charset=utf-8",
                        dataFilter: function (data) { return data; },
                        success: function (data) {
                            response($.map(data.d, function (item) {
                                return {
                                    value: item
                                }
                            }))
                        },
                        error: function (XMLHttpRequest, textStatus, errorThrown) {
                            alert(errorThrown);
                        }
                    });
                },
                minLength: 2//minLength as 2, it means when ever user enter 2 character in TextBox the AutoComplete method will fire and get its source data. 
            });
        });

    </script>  

</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

    <div class="form-items">
        Select Area<br />
        <asp:TextBox ID="area" CssClass="area" runat="server"></asp:TextBox>

    </div>

Answer 1

您的WebMethod期望parameter具有您从ajax传递的相同名称。

像这样更改param中的javascript。

var param = { areaname : $('#area').val() };

此外，您使用asp:Textbox可能会更改其ID，然后jquery将无法找到它。

因此您可以使用ClientIDMode=static，因此不会更改文本框的ID。

<asp:TextBox ID="area" CssClass="area" runat="server" ClientIDMode="Static"></asp:TextBox>

<强>更新

您的查询没有where子句，因此您将从数据库中获取所有记录。添加where子句并将isaname作为parameter传递给查询。

Dim query As String = String.Format("SELECT areaName FROM areas Where UPPER(areaName) like @areaName", areaname);
Dim cmd As New MySqlCommand(query, con)
cmd.Parameters.Add("@areaName",areaname.ToUpper()+"%");

更新2

您还可以检查区域名称是否以您传递的字母开头，然后添加到列表中，否则不要添加到列表中。

if(reader.GetString(0).StartsWith(areaname))
area.Add(reader.GetString(0))

我不知道VB的确切语法，但我希望你能理解。

Answer 2

如果您只有1个字母需要与建议相符，您可以尝试：

    While reader.Read()
        Dim str As String=reader.GetString(0)
        If str(0)= areaname then area.Add(str)
    End While

使用MySql在vb.net中自动完成文本框

2 个答案: