你的位置:首页 > 软件开发 > Java > 自编写模糊查询函数autoQuery

自编写模糊查询函数autoQuery

发布时间:2015-12-23 15:00:04
通常我们的项目中可能经常会用到模糊查询功能,这样如果每次都加载一个像jquery的autoComplete插件的话即用不到其多余的功能,也加大了网页的加载量。于是自己写了一个function函数,想要用的时候就调用即可,非常方便,代码量也很少,可以实现基本的模糊查询功能。一、au ...

通常我们的项目中可能经常会用到模糊查询功能,这样如果每次都加载一个像jquery的autoComplete插件的话即用不到其多余的功能,也加大了网页的加载量。于是自己写了一个function函数,想要用的时候就调用即可,非常方便,代码量也很少,可以实现基本的模糊查询功能。

一、autoQuery介绍

autoQuery函数支持传入三个参数elem, url, param,即autoQuery(elem, url, param)。

其中elem为绑定模糊查询的元素对象,一般为<input>;

url为所要获取数据的ajax请求的url地址字符串,如:'getQuery.json';

param为给服务器端传送的参数对象,如{value: elem.val()};

二、autoQuery代码

(1) css样式

  /* 模糊查询样式开始 */  .auto-query-wrap {    position: absolute;    max-height: 200px;    overflow-y: auto;    overflow-x: hidden;    border: 1px solid #ddd;    background: #fff;    color: #333;    padding-left: 0px;    z-index: 9999;  }    .auto-query-wrap .query-item {    position: relative;    margin: 0;    padding: 3px 1em 3px .4em;    cursor: pointer;    white-space: nowrap;    text-overflow: ellipsis;    overflow: hidden;  }    .query-item:hover {    background: #ddd;  }  /* 模糊查询样式结束 */

原标题:自编写模糊查询函数autoQuery

关键词:函数

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。