加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-15 23:25:30 所属栏目:百科 来源:网络整理
导读:本篇章节讲解jquery+ajax+text文本框实现智能提示的方法。供大家参考研究具体如下: 模仿百度查询的智能提示 先看看效果图: 代码部分: CSS代码: html代码(本文采用的asp.net页面编写的): 智能模糊查询提示 jquery代码部分: .cs后台代码: 0) { re

本篇章节讲解jquery+ajax+text文本框实现智能提示的方法。分享给大家供大家参考,具体如下:

模仿百度查询的智能提示

先看看效果图:

代码部分:

CSS代码:

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

智能模糊查询提示

jquery代码部分:

0) { var layer = ""; layer = ""; $.each(objData,function (idx,item) { layer += "
" + item.userName + "

.cs后台代码:

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 < dt.Rows.Count; i++) { jsonBuilder.Append("{"); for (int j = 0; j < dt.Columns.Count; j++) { jsonBuilder.Append("""); jsonBuilder.Append(dt.Columns[j].ColumnName); jsonBuilder.Append("":""); jsonBuilder.Append(dt.Rows[i][j].ToString()); jsonBuilder.Append("","); } jsonBuilder.Remove(jsonBuilder.Length - 1,1); jsonBuilder.Append("},"); } jsonBuilder.Remove(jsonBuilder.Length - 1,1); jsonBuilder.Append("]"); return jsonBuilder.ToString(); } #endregion

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》、《》、《》、《》、《》及《》

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!