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

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

青灯夜游
풀어 주다: 2018-10-29 16:36:28
앞으로
3579명이 탐색했습니다.

이 글의 내용은 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으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿