[JavaScript/JQuery] input 값 비우기 | 검색 결과 없을 시, 알림창 띄우고 input 값 비워주기

전체 코드

function discardContent(response) {

    if (response.data.length == 0 ){
        alert($("#search").val() + "에 대한 검색결과가 없습니다.");
        $("#search").val('');
        return ;
    }

 

---

discardContent 라는 이름의 함수에 response를 담겠다.(함수 정의)

response는 Ajax통신으로 DB에서 값을 가지고 온 뒤 넘겨준 파라미터이다.

function discardContent(response) {

 

 

"response의 데이터의 길이가 없을 때"를 감지한다.  여기서, 데이터의 길이가 없다는 것은 검색 한 결과 값이 없다는 것과 같은 의미이다. (해당 검색어에 대한 결과 출력물이 아무것도 없다. 즉, DB에서 가지고 온 데이터의 길이가 0이다)

 if (response.data.length == 0 ){

 

검색 창 input 태그의 id를 "search"로 지정 해주었다.

검색 창에 입력한 값을 가지고 와서 ~에 대한 결과가 없다는 알림창을 띄워준다.

 

만약, "개발"이라는 글씨를 쳤을때 결과가 없다면 "개발에 대한 검색결과가 없습니다"라는 문구가 뜬다.

alert($("#search").val() + "에 대한 검색결과가 없습니다.");

 

그리고 "search" 라는 input 창의 값을 ''(없음)으로 만들어주면 된다. 

$("#search").val('');
        return ;
    }

 

 

---

 

 

게시글이 도움이 되었다면

[로그인]이 필요 없는 ❤ 눌러주세요:)