[jquery] .load() method

.load()

---

웹 페이지의 내용을 동적으로 교체하기 위해서 Ajax로 서버에서 데이터 json 형식으로 받아 HTML 요소를 생성하여 페이지내의 원하는 위치의 내용을 바꾸는 작업을 많이 합니다.

 

jQuery의 .load() 메소드는 주어진 URL로부터 HTML 데이터를 받아서 jQuery 셀렉터를 통해 선택된 해당 코드에 넣어줌으로써 동적으로 페이지의 내용을 교체하는 작업을 간단하게 처리할 수 있도록 해줍니다.

 

<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js"></script> 
<script type="text/javascript"> 
	$(function(){ 
    	$("#wrap").append(<div class='modal_link'></div>)
		$("#modal_link").load("/modal/toy_modal.jsp"); 
	}); 
</script> 
<div id="wrap">
	<div>
		// body 
	<div>
</div>

---

출처: https://offbyone.tistory.com/235 [쉬고 싶은 개발자]