jQuery从Ajax链接加载内容

Question

我有一个-link元素，该元素具有指向页面的href链接，但是我必须使用Ajax从href
-url加载该内容，而不是将用户重定向到该页面。如何修改链接以仅从该链接加载内容，以便可以将该内容注入当前页面？

<a class="bind-jquery-event-here-class" href="http://webpage.com">Link</a>

我做了这个，但是没用。

$(".bind-jquery-event-here-class").bind("click", function() {       
    var url = $(this)attr("href").val();
    var content = $.load(url);
    alert(content);
});

Answer 1

的负载功能并不旨在收集请求响应，该功能用于负载HTML从远程文件并注入到一个DOM元素，例如：

$('a').bind('click', function(e) {           
  var url = $(this).attr('href');
  $('div#container').load(url); // load the html response into a DOM element
  e.preventDefault(); // stop the browser from following the link
});

如果处理锚元素的单击事件，则应防止浏览器跟随链接href。

还请记住，由于相同来源策略，Ajax请求只能在同一个域中完成。