我有一个-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); });
的负载功能并不旨在收集请求响应,该功能用于负载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请求只能在同一个域中完成。