jQuery Autocomplete在托管站點上不起作用

Question

我正在使用以下代碼在我的網站中自動完成搜索文本框。 該代碼在localhost上運行正常，但是在托管站點時，將彈出“錯誤”框。

腳本：

$(document).ready(function () {
    SearchText();
});
function SearchText() {
    $(".autosuggest").autocomplete({
        source: function (request, response) {
            $.ajax({
                type: "POST",
                contentType: "application/json; charset=utf-8",
                url: "Index.aspx/GetAutoCompleteData",
                data: "{'location':'" + document.getElementById('ContentPlaceHolder1_txtSearch').value + "'}",
                dataType: "json",
                success: function (data) {
                    response(data.d);
                },
                error: function (result) {
                    alert("Error");
                }
            });
        }
    });
}

並且功能代碼為：

[WebMethod]

public static List<string> GetAutoCompleteData(string location)
{
    List<string> result = new List<string>();
    string connect = @"
         Data Source=jaipurrooms.db.11458954.hostedresource.com; Initial Catalog=jaipurrooms;
         User ID=xyz;
         Password=xyz;";
    using (SqlConnection con = new SqlConnection(connect))
    {
        using (SqlCommand cmd = new SqlCommand("select DISTINCT Location from Details where Location LIKE '%'+@location+'%'", con))
        {
            con.Open();
            cmd.Parameters.AddWithValue("@location", location);
            SqlDataReader dr = cmd.ExecuteReader();
            while (dr.Read())
            {
                result.Add(dr["Location"].ToString());
            }
            return result;
        }
    }
}

Answer 1

我認為您必須在ajax請求中檢查您的網址。 嘗試使用以下語法：

url: "./Index.aspx/GetAutoCompleteData",