[jQuery] append vs html 비교

[jQuery] append vs html 비교

 ajax를 이용해 게시판 리스트를 뿌려주고 있었다.

근데 아래와 같은 문제가 발생했다.

에러가 발생한 이유는 애래와 같이 append를 사용하는경우

jQuery("#id").append(data); : 기존 데이터에 내용이 추가된다.

값이 초기화 되지 않고 중복되어서 쌓여만 간다.

remove 등을 사용하여 해결하려 했지만.

생각보다 간단한 해결책이 있었다.

jQuery("#id").html(data); : 초기화하고 새로운 내용이 들어간다.

html을 사용하면 새로운 데이터가 기존 내용을 대체하는 구조더라.

이렇게 교체하니까 간단히 해결 되었다.