在Jquery中使用Ajax()函数将外部页面的PART加载到div中

前端之家收集整理的这篇文章主要介绍了在Jquery中使用Ajax()函数将外部页面的PART加载到div中前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图使用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”.有任何想法吗?

非常感谢!

〜Jared Crossley

解决方法

如果你想要返回那个div,你可以使用jQuery的load方法来简单的加载返回到你的#current-div ala的内容
$("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/load documentation

猜你在找的jQuery相关文章