Ajax - 검색어 추천 기능

박건태·2023년 9월 11일

동작 순서

  1. 입력된 검색어를 Ajax 요청으로 서버에 전송함.
  2. 서버에서는 전송된 검색어를 이용하여 추천 검색어 목록을 작성함.
  3. 작성된 추천 검색어 목록을 Ajax 응답으로 클라이언트에 전송함.
  4. Ajax응답으로 온 추천 검색어 목록을 처리하여, 화면에 출력함.

1, 4번은 클라이언트 측에서/ 2, 3번은 서버측에서 수행하게 된다.

서버로 요청하는 ajax

$(function() {
$("#search_box").keyup(function() {
$.ajax({
url : 요청보낼 주소,
data : { keyword : $(this).val() },
method : "GET"
})
.done(function(result)) {
$("#suggestion_box").html(result);
});
});
});

DB(데이터 베이스)

0개의 댓글