jquery+ajax+text文本框实现智能提示完整实例

这篇文章主要介绍了jquery+ajax+text文本框实现智能提示的方法,涉及jQuery基于ajax交互实现后台数据的动态查询与文本提示信息的显示功能,需要的朋友可以参考下

本文实例讲述了jquery+ajax+text文本框实现智能提示的方法。分享给大家供大家参考，具体如下：

模仿百度查询的智能提示

先看看效果图：

代码部分:

CSS代码:

html代码(本文采用的asp.net页面编写的):

    智能模糊查询提示

jquery代码部分：

.cs后台代码:

 #region [WebMethod()] public static string GetUserNameList(string userName) { StringBuilder returnStr = new StringBuilder(); string strsql = "select userName from pub_user_inf where userName like '" + userName + "%' and useStatus=1"; DataTable dt = pms.SqlHelper.ExecuteDataTable(strsql); if (dt.Rows.Count > 0) { returnStr.Append(ToJson(dt)); return returnStr.ToString(); } else { return ""; } } #endregion #region dataTable转换成Json格式 ///  /// dataTable转换成Json格式 /// 
 ///  ///  public static string ToJson(DataTable dt) { StringBuilder jsonBuilder = new StringBuilder(); jsonBuilder.Append("["); for (int i = 0; i

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jquery中Ajax用法总结》、《jQuery form操作技巧汇总》、《jQuery常用插件及用法总结》、《jQuery操作json数据技巧汇总》、《jQuery扩展技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

以上就是jquery+ajax+text文本框实现智能提示完整实例的详细内容，更多请关注0133技术站其它相关文章！