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

时间:2009-10-27 00:23:00

标签: jquery load external callback

我正在尝试使用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属性,但不会将“#external-div”附加到URL。有什么想法吗?

非常感谢!

~Jared Crossley

1 个答案:

答案 0 :(得分:11)

如果您想返回该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

相关问题