[发明专利]一种web前端搜索优化方法

说明书

本发明公开了一种web前端搜索优化方法，包括web应用检测到搜索输入框或者搜索选择框的值发生改变时，启动定时，定时结束时，web应用判定为用户输入完成，Web应用在定时结束时就向服务器以post的方式发送一个异步请求，该请求带有封装为json格式的用户需要查询的关键词。后端服务器接收到请求后就执行模糊查询，然后将搜索结果通过接口返回给web前端。本发明在保证关键词的精确性的同时还确保了搜索的灵活性、高效性，能够提升用户的使用体验。

技术领域

本发明涉及互联网信息技术领域，具体的说，是一种web前端搜索优化方法。

背景技术

在互联网web前端的应用中，通常会涉及到内容的搜索或查询。传统的解决方法是输入或选择完备的关键词后通过点击查询按钮执行搜索方法查询内容。通过这种方法可以实现对搜索关键词的精准控制，搜索结果就是满足用户期望的搜索结果。但是这种搜索方式用户在web页面输入关键词后都需要按回车健或手动点击查询按钮，才会执行web应用的查询函数与后端进行数据请求。这样的搜索方式不够灵活，使用起来并不便利，在互联网应用中缺乏高效性，影响了用户的使用体验。

发明内容

本发明的目的在于提供一种web前端搜索优化方法，用于解决现有技术中用户在web页面输入关键词后都需要按回车健或手动点击查询按钮，才会执行web应用的查询函数与后端进行数据请求存在不够灵活，缺乏高效性，影响用户体验的问题。

本发明通过下述技术方案解决上述问题：

一种web前端搜索优化方法，包括web应用自动检测用户输入，并在用户输入完成后自动向后端服务器请求数据，后端服务器返回搜索结果。

web应用自动检测用户是正在输入还是输入完成，当检测到用户输入完成时，向后端请求数据，后端服务器根据搜索算法查询用户想要的数据并返回web应用呈现给用户；如果检测到用户输入未完成，则等待用户输入完成再向后端服务器发送请求。用户不需要在完成搜索关键字输入后再点击查询按钮或者按回车确认启动查询，操作更灵活、便利，提升用户体验。

可选地，所述web应用自动检测用户输入包括：

步骤A：web应用检测到搜索输入框或者搜索选择框的值发生改变时，启动定时；

步骤B：定时结束时，web应用判定为用户输入完成。

Web应用在定时结束时就向服务器以post的方式发送一个异步请求，该请求带有封装为json格式的用户需要查询的关键词。后端服务器接收到请求后就执行模糊查询，然后将搜索结果通过接口返回给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()函数定义为：