[发明专利]一种web前端搜索优化方法在审
申请号: | 202011053690.9 | 申请日: | 2020-09-29 |
公开(公告)号: | CN112163144A | 公开(公告)日: | 2021-01-01 |
发明(设计)人: | 张涵文;宋舰;邓文科;黄睿葱;钟华;彭一亮 | 申请(专利权)人: | 四川虹魔方网络科技有限公司 |
主分类号: | G06F16/9532 | 分类号: | G06F16/9532;G06F16/9538 |
代理公司: | 四川省成都市天策商标专利事务所 51213 | 代理人: | 张秀敏 |
地址: | 621000 四川省绵阳*** | 国省代码: | 四川;51 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 web 前端 搜索 优化 方法 | ||
1.一种web前端搜索优化方法,其特征在于,包括web应用自动检测用户输入,并在用户输入完成后自动向后端服务器请求数据,后端服务器返回搜索结果。
2.根据权利要求1所述的一种web前端搜索优化方法,其特征在于,所述web应用自动检测用户输入包括:
步骤A:web应用检测到搜索输入框或者搜索选择框的值发生改变时,启动定时;
步骤B:定时结束时,web应用判定为用户输入完成。
3.根据权利要求2所述的一种web前端搜索优化方法,其特征在于,所述步骤A具体为:
步骤A1:web应用的html页面设置搜索输入框和搜索选择框,搜索输入框由html页面中的input标签创建,搜索选择框由html页面中的select标签创建;
步骤A2:使用form标签创建form表单并将input标签和select标签放入form标签中,搜索输入框或搜索选择框的值以变量的形式包含在form表单对象中,web前端调用form表单对象并操作里面的变量读取用户输入的关键词;
步骤A3:将input标签和select标签的onchange事件与搜索函数search()函数绑定,实现搜索输入框或搜索选择框的值发生变化触发onchange事件时都会执行search()函数同时设置定时器;所述定时器初始化为null,当用户输入后定时器为函数对象,所述search()函数定义为:
判断定时器是否为函数对象,如果不是,将setTimeout()方法赋值给定时器,定时器由null变为定时器函数setTimeout(function,ms)并开始计时,实现在设定时间达到时相后端服务器发送请求和调用clearTimeout()方法,所述clearTimeout()方法用于初始化定时器并结束search()函数;如果是,调用clearTimeout()方法,初始化定时器。
4.根据权利要求2或3所述的一种web前端搜索优化方法,其特征在于,还包括在定时结束之前,若检测到搜索输入框输入新的字符或者搜索选择框的值发生改变,则重新定时。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于四川虹魔方网络科技有限公司,未经四川虹魔方网络科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202011053690.9/1.html,转载请声明来源钻瓜专利网。