Javascript 在ASP.Net中使用AJAX PageMethods的数据库中的JQuery自动完成文本框在Internet Explorer中不起作用
我需要使用AJAX从数据库创建自动完成文本框,我已经尝试过了 Html代码Javascript 在ASP.Net中使用AJAX PageMethods的数据库中的JQuery自动完成文本框在Internet Explorer中不起作用,javascript,c#,jquery,asp.net,ajax,Javascript,C#,Jquery,Asp.net,Ajax,我需要使用AJAX从数据库创建自动完成文本框,我已经尝试过了 Html代码 <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.0.min.js" type="text/javascript"></script> <script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.9.2/jquery-ui.min.js" type="text/ja
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.0.min.js" type="text/javascript"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.9.2/jquery-ui.min.js" type="text/javascript"></script>
<link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.9.2/themes/blitzer/jquery-ui.css"
rel="Stylesheet" type="text/css" />
<script type="text/javascript">
$(function () {
$("[id$=txtSearch]").autocomplete({
source: function (request, response) {
$.ajax({
url: '<%=ResolveUrl("~/Default.aspx/GetCustomers") %>',
data: "{ 'prefix': '" + request.term + "'}",
dataType: "json",
type: "POST",
contentType: "application/json; charset=utf-8",
success: function (data) {
response($.map(data.d, function (item) {
return {
label: item.split('-')[0],
val: item.split('-')[1]
}
}))
},
error: function (response) {
alert(response.responseText);
},
failure: function (response) {
alert(response.responseText);
}
});
},
select: function (e, i) {
$("[id$=hfCustomerId]").val(i.item.val);
},
minLength: 1
});
});
</script>
Enter search term:
<asp:TextBox ID="txtSearch" runat="server" />
<asp:HiddenField ID="hfCustomerId" runat="server" />
<asp:Button ID="Button1" Text="Submit" runat="server" OnClick="Submit" />
C代码
[WebMethod]
public static string[] GetCustomers(string prefix)
{
List<string> customers = new List<string>();
using (SqlConnection conn = new SqlConnection())
{
conn.ConnectionString = ConfigurationManager.ConnectionStrings["constr"].ConnectionString;
using (SqlCommand cmd = new SqlCommand())
{
cmd.CommandText = "select ContactName, CustomerId from Customers where ContactName like @SearchText + '%'";
cmd.Parameters.AddWithValue("@SearchText", prefix);
cmd.Connection = conn;
conn.Open();
using (SqlDataReader sdr = cmd.ExecuteReader())
{
while (sdr.Read())
{
customers.Add(string.Format("{0}-{1}", sdr["ContactName"], sdr["CustomerId"]));
}
}
conn.Close();
}
}
return customers.ToArray();
}
它可以在Chrome、Mozilla中正常工作,但不能在Internet Explorer 11兼容模式下工作。。有没有办法在IE兼容模式下工作?
我想在兼容模式下更正错误,。。
在IE中,它显示了一个错误:
JavaScript运行时错误:“JSON”未定义
它起作用了
<script src="http://yandex.st/json2/2011-10-19/json2.js" type="text/javascript"></script>
我刚刚添加了json2.js,现在它可以在所有浏览器中运行…它可以工作了
<script src="http://yandex.st/json2/2011-10-19/json2.js" type="text/javascript"></script>
我刚刚添加了json2.js,现在它可以在所有浏览器中运行…试试这个
<script src="https://cdnjs.cloudflare.com/ajax/libs/json2/20160511/json2.js" type="text/javascript"></script>
试试这个
<script src="https://cdnjs.cloudflare.com/ajax/libs/json2/20160511/json2.js" type="text/javascript"></script>
关于“JSON”是未定义的错误,请确保在所有对象(包括从服务器返回的)中的最后一个元素后面没有逗号,还有一件事-确保您没有在兼容模式下运行IE以获得真正较旧的版本。@Samuil Petrov我正在兼容模式下运行它。。我想在这种模式下纠正它,我理解,对于某些版本,它在文档开头添加时起作用,如果这不能解决您的问题,您可以使用跨浏览器JSON对象库,如json2.js:您只需要包含脚本,它就会解决问题。谢谢@Samuil petrovre,因为“JSON”是未定义的错误,确保所有对象(包括从服务器返回的元素)中的最后一个元素后面没有逗号,还有一件事-确保您没有在兼容模式下运行IE以获得真正较旧的版本。@Samuil Petrov我正在兼容模式下运行它。。我想在这种模式下纠正它,我理解,对于某些版本,它在文档开头添加时可以工作,如果这不能解决您的问题,您可以使用一些跨浏览器JSON对象库,如json2.js:您只需要包含脚本,它就会解决问题,谢谢@Samuil Petrov