mui 关键词查询
<div class="pop-schwrap">
<div class="ui-scrollview">
<div class="mui-bar mui-bar-nav clone">
<a class="btn btn-back" href="javascript:;"></a>
<div class="top-sch-box flex-col">
<div class="centerflex">
<input class="sch-input mui-input-clear" type="text" name="" id="search-keyword" placeholder="万千优惠券等待您去发现" />
</div>
</div>
<a class="mui-btn sch-submit" href="javascript:void(0)" onclick="searchGood()">搜索</a>
</div>
<div class="scroll-wrap">
<div class="mui-scroll">
<div class="sch-cont">
<div class="section ui-border-b">
<div class="tit"><i class="iconfont icon-hot"></i>热门搜索</div>
<div class="tags">
<span class="tag" name="tag-keyword">外套</span><span class="tag" name="tag-keyword">连衣裙</span><span class="tag">运动鞋</span><span class="tag" name="tag-keyword">睡衣</span>
<span class="tag" name="tag-keyword">面膜</span><span class="tag" name="tag-keyword">保健</span><span class="tag">皮鞋</span><span class="tag" name="tag-keyword">西装</span>
<span class="tag" name="tag-keyword">棉服</span><span class="tag" name="tag-keyword">手套</span><span class="tag" name="tag-keyword">口红</span>
</div>
</div>
<div class="section">
<div class="tit"><i class="iconfont icon-time"></i>最近搜索</div>
<div class="tags">
<span class="tag">外套</span><span class="tag">连衣裙</span><span class="tag">运动鞋</span><span class="tag">睡衣</span>
<span class="tag">外套</span><span class="tag">连衣裙</span><span class="tag">运动鞋</span><span class="tag">睡衣</span>
<span class="tag">外套</span><span class="tag">连衣裙</span><span class="tag">运动鞋</span>
</div>
</div>
</div>
<div class="sch-clear">
<a href="javascript:void"><i class="iconfont icon-shanchu"></i>清除搜索历史</a>
</div>
</div>
</div>
</div>
</div>
var btns = document.getElementsByTagName("span");
for(var i = 0; i < btns.length; i++) {
btns[i].onclick = function(){
var classname = btns[i].getAttribute('class');
if(classname == 'tag'){
$('#search-keyword').val(this.innerHTML);
}
}
}
function searchGood(){
if($('#search-keyword').val() == ''){
mui.toast('查询关键词为空');
}else{
mui.ajax(__test_api_url+'/Tbk/optionalMaterial', {
data:{
'token':__tbk_token,
'page':1,
'adzoneId':__adzone_id,
'keyword':$('#search-keyword').val(),
},
dataType: 'json',
type: 'post',
async: false,
headers: {'Content-Type': 'application/json'},
success: function (jsondata) {
console.log(jsondata);
},
});
}
}
mui 关键词查询的更多相关文章
- mysql根据关键词查询匹配多个字段时结果不正确
一开始的写法 SELECT rrc.id, rrc.resource_name rrc.is_publish FROM res_resource_catalog AS rrc <where> ...
- elasticsearch关键词查询不分词
$query = [ 'bool' => [ 'must' => [ 'match_phrase' => ['content' => $word] //$word词不被分词 ] ...
- python打造批量关键词排名查询工具
自己做站点的时候,都看看收录和关键词排名什么的,所以打造的这个批量关键词查询工具. #encoding:utf-8 import urllib,re,random,time,sys,StringIO, ...
- SEO优化---学会建立高转化率的网站关键词库
想要优化好一个网站,行业的分析,以及关键词的挖掘是必要的,有一定的关键词排名了,但是转化率和流量方面却很不理想这种情况大部分是只注重了有指数的关键词排名,而忽略了长尾关键词和一些没有指数但是可以带来巨 ...
- SQL 提高查询效率
1.关于SQL查询效率,100w数据,查询只要1秒,与您分享: 机器情况p4: 2.4内存: 1 Gos: windows 2003数据库: ms sql server 2000目的: 查询性能测试, ...
- lucene 查询的使用
各种查询方式一:使用QueryParser与查询语法.(会使用分词器) MultiFieldQueryParser查询字符串 ------------------------> Query对象 ...
- 淘宝天猫关键词SEO优化
淘宝天猫的网站完全像是一个成熟的搜索引擎,只是从google.bing.baidu改成了淘宝天猫而已,普通搜索引擎有品专,有皇冠,有PC,有无线:淘宝天猫里面有钻展,有直通车,也有PC,无线.搜索引擎 ...
- 关于SQL查询效率,100w数据,查询只要1秒
1.关于SQL查询效率,100w数据,查询只要1秒,与您分享:机器情况p4: 2.4内存: 1 Gos: windows 2003数据库: ms sql server 2000目的: 查询性能测试,比 ...
- SqlSugar常用查询实例-拉姆达表达式
SqlSugar支持拉姆达表达式查询,匿名对象参数等,相对还是比较方便好用的. 一.查询列表: //查询列表 SqlSugarClient db = SugarContext.GetInstance( ...
随机推荐
- 巧用getdate()测试你的sql执行效率
在开发项目的过程中,我们会遇到各种各样的问题,有时候由于业务逻辑复杂,我们写的sql语句会很长很长,甚至会嵌套很多层,这个时候我就会担心sql执行时间会不会太长了?会不会有什么问题导致执行效率变慢?经 ...
- 题解 [APIO2014]连珠线
题解 [APIO2014]连珠线 题面 解析 首先这连成的是一棵树啊. 并且\(yy\)一下,如果钦定一个根, 那么这上面的蓝线都是爸爸->儿子->孙子这样的,因为像下图这样的构造不出来: ...
- Shell 04 字符串处理、正则表达式
一.字符串的处理 1.字符串截取 1.1 s{}表达式 ${变量名:起始位置:长度} (从0开始) n=number (n="number") echo ${#n} -- ...
- 薛的lca讲课配到题解
2.15 LCA Nearest Common Ancestors POJ 1330 题意:给出一棵树, 询问两个点的最近公共祖先. 思路: $LCA$模板题,请各位掏出各式各样的模板A穿它. #in ...
- 洛谷 P2251 质量检测(st表)
P2251 质量检测 题目提供者ws_ly 标签 难度 普及/提高- 题目描述 为了检测生产流水线上总共N件产品的质量,我们首先给每一件产品打一个分数A表示其品质,然后统计前M件产品中质量最差的产品的 ...
- 逆元 x
逆元: 丢线 1.首先定义: 若存在正整数a,x,m,且满足ax≡1(mod m),则称a是x的乘法逆元,或称x是a的乘法逆元. Eg: 模7意义下,3的乘法逆元是5(或模7意义下,5的乘法逆元是3) ...
- 【luogu1016】旅行家的预算--模拟
题目描述 一个旅行家想驾驶汽车以最少的费用从一个城市到另一个城市(假设出发时油箱是空的).给定两个城市之间的距离D1D1D1.汽车油箱的容量CCC(以升为单位).每升汽油能行驶的距离D2D2D2.出发 ...
- TCP_IP Sockets编程C语言实现第2版 源码下载
原书网址:http://cs.ecs.baylor.edu/~donahoo/practical/CSockets2/textcode.html 源码下载: 链接:https://pan.baidu. ...
- java试题复盘——11月25日
上: 11.下列表述错误的是?(D) A.int是基本类型,直接存数值,Integer是对象,用一个引用指向这个对象. B.在子类构造方法中使用super()显示调用父类的构造方法,super()必须 ...
- java课后实验性问题5
课后作业一:字符串加密 程序设计思想: 从键盘获取字符串,将字符串转为字符数组,将每个元素加事前协定的“key”,再转为字符串输出. 程序流程图: 源代码: import java.util.Scan ...