Используйте функцию Ajax() в Jquery для загрузки ЧАСТИ внешней страницы в div

Question

Я пытаюсь загрузить элемент DIV с внешней страницы на мою текущую страницу, используя функцию Ajax / jQuery.ajax.Хотя мне успешно удалось загрузить всю внешнюю страницу целиком, кажется, я не могу загрузить просто элемент 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 без каких-либо проблем, но не добавляет "#external-div" к URL.Есть какие-нибудь идеи?

Большое спасибо!

~Джаред Кроссли

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 / загрузить документацию