<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 关键词查询的更多相关文章

  1. mysql根据关键词查询匹配多个字段时结果不正确

    一开始的写法 SELECT rrc.id, rrc.resource_name rrc.is_publish FROM res_resource_catalog AS rrc <where> ...

  2. elasticsearch关键词查询不分词

    $query = [ 'bool' => [ 'must' => [ 'match_phrase' => ['content' => $word] //$word词不被分词 ] ...

  3. python打造批量关键词排名查询工具

    自己做站点的时候,都看看收录和关键词排名什么的,所以打造的这个批量关键词查询工具. #encoding:utf-8 import urllib,re,random,time,sys,StringIO, ...

  4. SEO优化---学会建立高转化率的网站关键词库

    想要优化好一个网站,行业的分析,以及关键词的挖掘是必要的,有一定的关键词排名了,但是转化率和流量方面却很不理想这种情况大部分是只注重了有指数的关键词排名,而忽略了长尾关键词和一些没有指数但是可以带来巨 ...

  5. SQL 提高查询效率

    1.关于SQL查询效率,100w数据,查询只要1秒,与您分享: 机器情况p4: 2.4内存: 1 Gos: windows 2003数据库: ms sql server 2000目的: 查询性能测试, ...

  6. lucene 查询的使用

    各种查询方式一:使用QueryParser与查询语法.(会使用分词器) MultiFieldQueryParser查询字符串 ------------------------> Query对象 ...

  7. 淘宝天猫关键词SEO优化

    淘宝天猫的网站完全像是一个成熟的搜索引擎,只是从google.bing.baidu改成了淘宝天猫而已,普通搜索引擎有品专,有皇冠,有PC,有无线:淘宝天猫里面有钻展,有直通车,也有PC,无线.搜索引擎 ...

  8. 关于SQL查询效率,100w数据,查询只要1秒

    1.关于SQL查询效率,100w数据,查询只要1秒,与您分享:机器情况p4: 2.4内存: 1 Gos: windows 2003数据库: ms sql server 2000目的: 查询性能测试,比 ...

  9. SqlSugar常用查询实例-拉姆达表达式

    SqlSugar支持拉姆达表达式查询,匿名对象参数等,相对还是比较方便好用的. 一.查询列表: //查询列表 SqlSugarClient db = SugarContext.GetInstance( ...

随机推荐

  1. trie上构建后缀数组

    例题: 往事太多,有时候忘了就忘了吧. 如果有非记不可的,就只能用点附加手段啦! 我们定义一棵往事树是一个 n 个点 n-1 条边的有向无环图,点编号为 1到 n,其中 1 号点被称为是根结点,除根结 ...

  2. CF1156E Special Segments of Permutation

    思路:笛卡尔树?(好像并不一定要建出来,但是可以更好理解) 提交:2次 错因:没有判左右儿子是否为空来回溯导致它T了 题解: 建出笛卡尔树,考虑如何计算答案: 先预处理每一个值出现的位置 \(pos[ ...

  3. 应用webservice实现公网天气查询

    1. wsdl网址:http://ws.webxml.com.cn/WebServices/WeatherWS.asmx?wsdl 2. URL:http://www.webxml.com.cn/zh ...

  4. 富文本编辑器复制word

    这种方法是servlet,编写好在web.xml里配置servlet-class和servlet-mapping即可使用 后台(服务端)java服务代码:(上传至ROOT/lqxcPics文件夹下) ...

  5. 关于rsa公钥格式的处理,一行纯内容进行换行格式化

    最近在开发百度小程序,他的平台公钥是纯字符串,公钥的内容,没有rsa文件的头(-----BEGIN PUBLIC KEY-----)和尾部分-----END PUBLIC KEY----- 但是 PH ...

  6. jenkins之自动化部署github上maven项目

    部署流程:将代码从github上拉取下来,使用maven打包,将打包后的jar通过ssh发送到服务器上,然后构建docker镜像,运行容器. 1.安装插件 如果是第一次使用jenkins,需要检查并确 ...

  7. tecplot 把散点绘成曲面图【转载】

    转载自:http://blog.sina.com.cn/s/blog_a319f5ff0101q6s8.html 找了好久,终于自己研究出来,如何使用tecplot绘制曲面图了 第一步:数据的整理 如 ...

  8. Flutter中用ListView嵌套GridView报错异常

    flutter中的ListView组件和GridView组件都是常用的布局组件,有时候ListView中需要嵌套GridView来使用,例如下图: 这种情况就需要在ListView里面再嵌套一个Gri ...

  9. Node.js与VUE安装及环境配置之Windows篇

    Node.js安装及环境配置之Windows篇 https://www.cnblogs.com/zhouyu2017/p/6485265.html Node.js安装及环境配置之Windows篇htt ...

  10. 文件上传对servlet的要求

    request.getParamter(String name)方法不能再使用了 需要使用request.getInputStream()获取输入流对象然后在进行读取数据 解析数据 ServletIn ...