js 검색기능 구현하기

1. input 태그에 onkeyup 이벤트를 발생시킨다.

<input onkeyup=search_keyword() type="text" class="form-control" placeholder='키워드 검색'id="key_search" name="key_search"/>

2. 발생시킨 이벤트에 대한 함수를 정의한다.

KeyCode가 13이면 enter를 의미한다.

    function search_keyword() {
            if(window.event.keyCode == 13){
                let key_search = $("#key_search").val();
                console.log(key_search)
                $.ajax({
                    type: "POST",
                    url : 'techdemand/key_search',
                    data: key_search,
                    success: function(r){
                        alert('검색완료.')
                    }  
                }) 
            }
    }

3. 서버사이드에서 받아와서 쿼리문으로 조회를 한다.

 

IT 유튜브 타임해커 보러가기

www.youtube.com/channel/UCHsRy47P2KlE749oAAjb0Yg?view_as=subscriber

타임해커