버튼을 클릭 한 후 실제로 jQuery 모달/대화 상자 창에서 페이지로드 (LOADING)를 시작 하시겠습니까?

Question

여기에 팝업되지 않은 질문 :

jQuery 모달/대화 상자 창에서 페이지 (HTML 또는 PHP)를 다운로드 /로드하는 방법은 링크 또는 버튼을 클릭 한 후 수행 하시겠습니까?

현재, 모든 .load() URL 객체가 페이지 내부에 있어야하고로드가 실제로 열려 있기 때문에 실제로 데이터를 가져 오지 않습니다. 내가 맞습니까?

아마도 iframe을 모달 창에 넣으면이 작업을 수행 할 수 있다고 생각했습니다. 대화 상자가 열릴 때 iframe의 내용 만로드됩니다. 그리고 나서, 서버가 iframe src = "page.php"로 문서를 읽고 아직 보이지 않고 그냥로드한다고 확신합니다 ...

하지만 내가 원하는 것은 내용이로드되지 않고 클릭하면 서버에서 파일과 이미지를 가져 오기 시작합니다. 다른 말로하면 : 나는 창문 위로 오래된 구식 강아지를 원하지만 cool jQuery/UI 모달/대화 상자 안에 넣고 싶다.

지혜와 도움을 많이 주셔서 감사합니다. 필자는 네덜란드, 새미

Answer 1

에서 건배가 나는 또한 아약스의 원칙 시합 뭔가 '를 읽을 수 있지만 내가 당신이 이미했을 경우에도 귀하의 질문에 대답 해보자하는 것이 좋습니다 연령대이 achieveing ​​붙어되었다.

페이지의 기존 요소에서 jQuery.load (...) 호출을 수행해야합니다. 빈 div 요소를 가정 해 봅시다. 그런 다음 load() 함수는 백그라운드에서 실제 HTTP GET 요청을 시작하고 반환 된 내용을 다운로드 한 다음 언급 한 div 요소 내에서 검색된 모든 데이터 (일반적으로 HTML 콘텐츠)를 붙여 넣어 주어진 URL의 데이터를 비동기 적으로 가져옵니다. 이렇게하면 페이지가 이미 표시되어있는 동안 페이지 소스가 수정되고 일반적으로 ajax라고합니다. 실제로 HTML 컨텐트가 붙여지고 이미지에 대한 참조가 포함되어 있으면 브라우저는이를 인식하고 더 많은 GET 요청을 보내 일반 html 페이지 에서처럼 이미지 소스를로드합니다.

작은 작업 예제 see here의 경우, 제가 올바르게 작성하면 달성하고자하는 목표와 정확하게 일치 할 수 있습니다.

Answer 2

인용문 열기 대화 상자로

<script type="text/javascript"> 
$(function(){ 
    $('a.ajax').click(function() { 
     var url = this.href; 
     var dialog = $('<div style="display:hidden"></div>').appendTo('body'); 
     // load remote content 
     dialog.load(
      url, 
      {}, 
      function (responseText, textStatus, XMLHttpRequest) { 
       dialog.dialog(); 
      } 
     ); 
     //prevent the browser to follow the link 
     return false; 
    }); 
}); 
</script>