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( ...
随机推荐
- 利用Js的console对象,在控制台打印调式信息测试Js
一次偶然的机会,打开百度的时候按下了F12,然后就见控制台里面输出了百度的招聘广告,感觉挺帅气的,再然后就有了这篇博文. 既然可以这样在控制台输出信息,那以后再调试Js的时候不就可以省去很多麻烦了嘛! ...
- yii 查询垃圾分类接口
public function actionGarbage() { // $param = \Yii::$app->request->post('rubbish', ''); // 接收j ...
- 评估类模型之优劣解距离法Topsis模型
定义: TOPSIS法是一种常用的综合评价方法,其能充分利用原始数据的信息,其结果能精确地反映各评价方案之间的差距. 层次分析法的局限性: 问题和解决方案: 所以最终评分公式为: 指标正向化,得到正向 ...
- javaMail 详解
原文:http://www.matrix.org.cn/resource/article/44/44101_JavaMail.html 一.JavaMail API简介JavaMail API是读取. ...
- BSGS ! x
一.引入: 若存在一个式子a^b ≡ c (mod p) (p ≡ 1000000007,且0<a,b,c<p) 已知a,b,求c. 这不就是快速幂嘛! 已知a,c,求b. 这就是我们需 ...
- 「NOI 2018」归程「Kruskal 重构树」
题解 Kruskal重构树:每次一条边连接两个集合,建一个新点,点权为该边边权:把这两个集合的根连向新点. 性质:(如果求的是最大生成树)叶子结点是图中实际结点:叶子到根路径上点权递减:两点间lca的 ...
- redis系列(二):数据操作
1.string类型 字符串类型是Redis中最为基础的数据存储类型,它在Redis中是二进制安全的,这便意味着该类型可以接受任何格式的数据,如JPEG图像数据或Json对象描述信息等.在Redis中 ...
- php win/linux/mac 安装redis扩展或者扩展报错 zend_smart_str.h file not found
1 windows 安装reids 扩展 根据phpinfo 查看php信息.在pecl.php.net 下载对应的redis扩展版本,放如扩展目录,在php.ini 配置扩展信息,重启服务 2 li ...
- 又见回文 (SDUT 2560)
Problem Description "回文串"是一个正读和反读都一样的字符串,比如"level"或者"noon"等等就是回文串.现在呢, ...
- iOS测试-如何指标量化app耗电量和性能XCTest Metrics
对于app端的专项测试,Android端我们可以用adb或者一些三方工具进行(例如itest)进行实时的性能监控,iOS端的话也可以用用一些三方的工具,但是需要嵌入到我们的项目当中,今天来介绍下Xco ...