>  기사  >  웹 프론트엔드  >  js에서 빠른 검색을 구현하는 방법은 무엇입니까? Node.js 빠른 검색 예(코드 포함)

js에서 빠른 검색을 구현하는 방법은 무엇입니까? Node.js 빠른 검색 예(코드 포함)

青灯夜游
青灯夜游앞으로
2018-10-29 16:36:283552검색

이 글의 내용은 js에서 빠른 검색을 구현하는 방법을 소개하는 것인가요? Node.js 빠른 검색 예시(코드 포함) 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

회사에서 요즘 프로젝트 때문에 엄청 긴장하고, 온갖 난잡한 일들이 많았는데, 갑자기 전체 검색 기능을 원한다고 했더니, php를 이용한 퍼지 검색이더군요. 성능도 많이 소모하고, 데이터 속도도 엄청 느리네요. 바이두에서 js로 검색하는 기능을 찾아서 모두와 공유했습니다.

페이지 효과입니다

:

 

페이지 코드 :

<div style="border:1px solid #ccc;margin:20px;padding-bottom:10px;" id="foodList">
            <ul>
                {eq name="list['state']" value='0'}
                    <li>请添加菜品类型</li>
                {else}
                    {eq name="list['count']" value='0'}
                        <li>请添加菜品</li>
                    {else}
                        {volist name="list['data']" id='list'}
                        <li data-p=&#39;{eq name="$list.food_p1" value=".00"}0{/eq}{$list.food_p1}&#39; data-u=&#39;{$list.food_u1}&#39; data-id=&#39;{$list.food_id}&#39;>{$list.food_name}<i>{$list.food_code}</i></li>
                        {/volist}
                    {/eq}
                {/eq}
            </ul>
            <div class="cl"></div>
        </div>

js code

$("#foodCode").keyup(function(){            
$("#foodList ul li").stop().hide().filter(":contains('"+($(this).val())+"')").show();//contains 匹配文本中内容
});

php는 데이터만 출력하므로 여기서는 공개하지 않습니다,

위 내용은 js에서 빠른 검색을 구현하는 방법은 무엇입니까? Node.js 빠른 검색 예(코드 포함)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 cnblogs.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제