Ajax - 검색어 추천 기능

박건태·2023년 9월 11일
0

동작 순서

  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개의 댓글