[javascript/jquery] jquery ajax html type find tag example / jquery ajax html 파일 내 특정태그만 표기하는 방법

[javascript/jquery] jquery ajax html type find tag example / jquery ajax html 파일 내 특정태그만 표기하는 방법

 

 

 

jquery 에서

 

ajax 를 이용하여

 

서버와 통신을 할때

 

json 이나 html 타입으로 통신을 가장 많이 하게 됩니다.

 

그중에서 html 타입으로 할때는

 

넘겨진 페이지를 특정 영역에 그대로 표시해주는 형식으로 

 

표현됩니다!

 

이번에는

 

넘겨진 html 데이터를 전체다 표기하기 않고 

 

특정 태그만 뽑아서 표시되게 하는 방법을 공유해보려고 합니다!

 

$.ajax({
	url : "AJAX_URL",
	success : function(result) {
		var li_html = $("#text").html(result).find('li');
		$('#text').html(li_html);
	}
});

 

위 내용을 보시면 아시겠지만,

 

result 로 넘겨진 html 의 내용중에서 find 를 이용하여 li 만 찾아서

 

li_html 이라는 변수에 담고 그걸 text 라는 아이디를 가지는 영역에

 

html 형식으로 출력하는 내용입니다!

 

참고들 하세요!