Jquery의 Ajax() 함수를 사용하여 외부 페이지의 일부를 div에 로드

Question

Ajax/jQuery.ajax 함수를 사용하여 외부 페이지의 DIV 요소를 현재 페이지로 로드하려고 합니다.전체 외부 페이지를 성공적으로 로드했지만 로드할 수 없는 것 같습니다. 단지 DIV 요소.

내 코드는 다음과 같습니다.

$("a").click(function() {
  /* grabs URL from HREF attribute then adds an  */
  /* ID from the DIV I want to grab data from    */
  var myUrl = $(this).attr("href") + "#external-div";
  $.ajax( {
  url: myUrl,
  success: function(html) {
    /* loads external content into current div element */
    $("#current-div").append(html);
    }
  });
  return false;
});

문제 없이 HREF 속성을 가져오지만 URL에 "#external-div"를 추가하지 않습니다.어떤 아이디어가 있나요?

감사합니다!

~자레드 크로슬리

Answer 1

해당 div를 반환하고 싶다면 다음을 사용할 수 있습니다. load 반환된 콘텐츠를 간단히 로드하는 jQuery 메서드 #current-div 알라

$("a").click(function() {
  /* grabs URL from HREF attribute then adds an  */
  /* ID from the DIV I want to grab data from    */
  var myUrl = $(this).attr("href") + " #external-div";
  $("#current-div").load(myUrl);
  return false;
});

다음을 살펴보세요. jQuery Ajax/로드 문서