RedJini Blog

[jQuery] jQuery.load

문법

셈플

1. subpage/page_01.php 내용
   

   <div id="div_sub1"> 
    div: id=div_sub1
    <p> p: test 1</p>
    <p> p: test 2</p>
   </div>
   <div id="div_sub2"> div: id=div_sub2</div>
   <div id="div_sub3"> div: id=div_sub3</div>
   

2. subpage/page_01.php의 모든 내용 출력
   

   $("#button1").click( function(){
    $("#div_1").load("subpage/page_01.php", function(res, status, xhr){
    console.log( xhr );
    });
   });
   

3. subpage/page_01.php의 모든 내용중 P Tag element만 출력
   

   $("#button1").click( function(){
    $("#div_1").load("subpage/page_01.php p", function(res, status, xhr){
    console.log( xhr );
    });
   });
   

4. subpage/page_01.php의 모든 내용중 P Tag, ID가 div_sub2인 element만 출력
   

   $("#button1").click( function(){
    $("#div_1").load("subpage/page_01.php p,#div_sub3", function(res, status, xhr){
    console.log( xhr );
    });
   });
   

참고

• http://api.jquery.com/load
• http://www.w3schools.com/jquery/jquery_ajax_load.asp

• 이전 글 보기
• 다음 글 보기
• 댓글 보기 (0)
• 걸린 글 보기 (0)
• 다른 메뉴보기