1.简单的模仿效果图
2.项目分析及总结
项目描述:Hibernate+struts+jQuery+ajax+mysql
这也是一个整合hibernate与struts连接数据库的项目,利用jQuery实现界面布局,ajax发送请求,即获取数据,轻巧的jQuery只用了仅仅30行代码就完成模仿百度或Google的suggest的模块功能,而且还附加了双击事件和回车事件;下面附上核心源码,源码中有详细的注释。
转载请注明出处:杨凯专属频道
这里只附上核心js代码和struts代码,更多源码可以去资源模块下载,本人已免费上传至:tianyazaiheruan
3.核心代码
$(document).ready( function() { // 给input输入框注册keyup键盘点击事件 $("#keyWord").bind( "keyup", function() { // 获取输入的值 var keyVal = $(this).val(); // 判断如果输入框为空时,清空隐藏select并返回,不再执行以下代码 if ("" == keyVal) { // 清空并隐藏select框 $("#words").empty().hide(); // 对象链式操作,jQuery的特性 return; } // 发送ajax请求 $.post("./csdn/UserAction_keyVals.action?time=" + new Date().getTime(), { keyWord : keyVal }, function(data) { // 清空 $("#words").empty(); // 获取相关的属性 var jsonUsers = data.users; for ( var i = 0; i < jsonUsers.length; i++) { // 得到具体的user对象 var jsonUser = jsonUsers[i]; // 创建option var $opt = $("<option></option>"); $opt.text(jsonUser.name); // 把创建的opt添加到select中 $("#words").append($opt).show(); } }, "json"); // 为select框注册双击事件 $("#words").bind("dblclick", function() { // 为input框设值 $("#keyWord").val($(this).val()); $("#words").empty().hide(); }); // 为select框注册回车事件 $("#words").bind("keyup", function(event) { // 按键13为回车键 if (event.which == 13) { $("#keyWord").val($(this).val()); $("#words").empty().hide(); } }); }); }); Struts.Xml <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" "http://struts.apache.org/dtds/struts-2.3.dtd"> <struts> <include file="www/csdn/project/resource/struts-constant.xml" /> <package name="test" namespace="/csdn" extends="json-default"> <action name="UserAction_*" class="www.csdn.project.action.UserAction" method="{1}"> <result name="checkName" type="json"> <param name="root">msg</param> <!-- <param name="includeProperties">msg</param> --> </result> <result name="keyVals" type="json"> <param name="includeProperties">users\[\d+\]\.name</param> </result> <result name="input">/index.jsp</result> </action> </package> </struts>
相关推荐
那些年,与你同分同位次的同学都去了哪里?全国各大学在四川2020-2024年各专业最低录取分数及录取位次数据,高考志愿必备参考数据
麒麟win10双系统重新安装win10后麒麟启动菜单看不到解决方法
多邻国Duolingo v6.0.3 高级版.apk
QT网络编程: 实现TCP通讯设置(客户端)
减少重复造轮子,开源微信小程序商城(前后端开源:uniapp+Java)。快速搭建一个属于自己的微信小程序商城。
彩虹云商城 最新彩虹代刷V6.9.0免授权纯净完整版 直接上传源码解压缩后访问域名安装即可,亲测可用 彩虹自助下单系统 安装说明: 上传到空间后直接访问即可根据提示安装。 PHP推荐使用7.0及以上版本 V6.9 1.修复SQL注入漏洞 2.修复后台微信QQ扫码登录 V6.8.5 1.修复亿乐对接 2.新增支持倍数输入框 V6.8 1.更新全新的faka模板 2.新增微信快捷登录 3.新增批量下单功能 4.防CC配置新增滑动验证码模式 5.修复部分地区后台加载错误 6.修复https网站对接http支付接口 7.后台登录支持微信QQ扫码登录
MyBatis-Plus学习思维导图
那些年,与你同分同位次的同学都去了哪里?全国各大学在四川2020-2024年各专业最低录取分数及录取位次数据,高考志愿必备参考数据
那些年,与你同分同位次的同学都去了哪里?全国各大学在四川2020-2024年各专业最低录取分数及录取位次数据,高考志愿必备参考数据
分布式搜索引擎ElasticSearch思维导图
网鼎杯
网络安全入门教程(工具版)
科普里控制器调试软件工具使用 win64环境安装
内容概要:本文档详细介绍了GC9503V单片机a-Si TFT LCD驱动器的技术规格,包括主要特点、内部结构图、引脚定义以及系统接口等。GC9503V支持480x864分辨率,16.7百万色显示,无内置GRAM。文章还提供了详细的引脚尺寸、对齐标记尺寸、芯片信息以及接口模式控制的序列实例,如DCS写入命令及其参数。 适合人群:LCD显示屏设计人员、嵌入式系统工程师、电子硬件开发者和技术研究人员。 使用场景及目标:帮助开发者快速理解和应用GC9503V在实际产品中的具体使用方法,掌握LCM与MCU之间的数据交互方式,实现高效的屏幕驱动设计。 其他说明:GalaxyCore公司保留在不事先通知的情况下更改文档内容的权利。
那些年,与你同分同位次的同学都去了哪里?全国各大学在四川2020-2024年各专业最低录取分数及录取位次数据,高考志愿必备参考数据
yolo系列算法目标检测数据集,包含标签,可以直接训练模型和验证测试,数据集已经划分好,适用yolov5,yolov8,yolov9,yolov7,yolov10,yolo11算法; 包含两种标签格:yolo格式(txt文件)和voc格式(xml文件),分别保存在两个文件夹中; yolo格式:<class> <x_center> <y_center> <width> <height>, 其中: <class> 是目标的类别索引(从0开始)。 <x_center> 和 <y_center> 是目标框中心点的x和y坐标,这些坐标是相对于图像宽度和高度的比例值,范围在0到1之间。 <width> 和 <height> 是目标框的宽度和高度,也是相对于图像宽度和高度的比例值
那些年,与你同分同位次的同学都去了哪里?全国各大学在四川2020-2024年各专业最低录取分数及录取位次数据,高考志愿必备参考数据
某酒店排水课程设计计算书.doc
那些年,与你同分同位次的同学都去了哪里?全国各大学在四川2020-2024年各专业最低录取分数及录取位次数据,高考志愿必备参考数据