输入框模糊查询聊天信息并回显查询条件

• 通过输入框模糊查询聊天消息，在查询消息后并回显查询条件。 
• 前端使用的框架是：LayUI和FreeMarker

输入框代码如下：

<div class="demoTable">
     <div class="layui-inline">
          <input class="layui-input" name="message" id="demoReload" value="" style="width: 260px; padding-left: 2px">
           <input class="layui-input" type="hidden" name="id" id="id" value="${curAgentService.id}">
      </div>
      <button class="layui-btn" data-type="reload" id="char_serch">搜索</button>
</div>

js 事件处理

	$('#char_serch').click(function(){
        var type = $(this).data('type');
        active[type] ? active[type].call(this) : '';
	})

    // 点击获取数据
    var  active = {
        reload: function () {
            var message =$('#demoReload').val(),
            id = $('#id').val();
            if (message) {
                // 缓存查询消息
                cacheMessage(message);
                window.location.href="/service/online/index.html?userid="+'${agentService.userid}'+"&agentservice="+'${agentService.id}'+"&hisTag=his"+"&message="+message;
            } else {
                layer.msg("请输入要查询的内容！");
            }
        },
    };

	/**
	 * @Description: 缓存查询消息 ：
     *  1、在缓存信息之前进行清除；
     *  2、缓存信息。
	 * @Author: YaoGuangXun
	 * @Date: 2019/6/21 14:54
	 **/
	function cacheMessage(v) {
        // 在保存之前进行 移除键值为key的数据
        sessionStorage.removeItem("message");
        sessionStorage.setItem("message",v);
    }

    initMessage();

    /**
     * @Description: 查询后，初始化时用于显示查询信息
     *  1、显示查询信息；
     *  2、显示之后清除缓存，
     * @Author: YaoGuangXun
     * @Date: 2019/6/21 14:54
     **/
    function initMessage(){
        setTimeout(
            function(){
                $('#demoReload').val(sessionStorage.getItem("message"));
                // 清空所有缓存
                sessionStorage.clear()
            }, 500);
    }

记录开发知识点，如有问题请多多指教，喷子勿喷！