jsfiddle 반향 기능과 함께 jQuery .load 메소드를 사용하려면 어떻게해야합니까?

Question

jsfiddle.net에서 AJAX 응답을로드하는 것을 테스트하려고 시도하고 있는데 어떻게해야할지 파악하지 못하는 것 같습니다.

나는 .load('/echo/html')을 호출하고 있는데 데이터를 전달하는 방법을 모르겠다.

refer this jsfiddle

JS :

$(function() { 
    $("div.post-big").hide(); 

    $("div.expand").click(function() { 
    $(this).parent().hide(); 
    $(this).parents('.post').load('/echo/html/');   
    }); 
}); 

지원 HTML :

<div class="post"> 
    <div class="post-small"> 
    <div>Title</div> 
    <div>Content</div> 
    <div class="expand">expand</div> 
    </div> 
    <div class="post-big"></div> 
</div> 

<div class="post"> 
    <div class="post-small"> 
    <div>Title</div> 
    <div>Content</div> 
    <div class="expand">expand</div> 
    </div> 
    <div class="post-big"></div> 
</div> 

<div class="post"> 
    <div class="post-small"> 
    <div>Title</div> 
    <div>Content</div> 
    <div class="expand">expand</div> 
    </div> 
    <div class="post-big"></div> 
</div> 

지원 CSS :

.post { 
    border: 1px solid #911; 
    margin: 5px; 
} 

Answer 1

당신은에 두 번째 인수를 제공해야메서드이며 html 속성이 있습니다.

.load('/echo/html/', { html: 'Hello!' }); 

부하를 실행하는 데 expand을 말한다 텍스트를 클릭,이 데모에서 jsfiddle

에서 작업 예제를 참조하십시오.

Answer 2

당신이 할 수있는 가장 좋은 일은 단순히 아약스 호출을위한 함수를 트리거하는 코드를 첨부하려는 객체를 찾는 것입니다. 예 :

$('button').click(function(){ 
     //do your ajax call here 
});