我有一个 -link 元素,它具有指向页面的 href 链接,但我必须使用 Ajax 从 href -url 加载该内容,而不是将用户重定向到该页面。如何修改我的链接以仅从该链接加载内容,以便将该内容注入(inject)当前页面?
<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);
});
最佳答案
load函数不用于收集请求响应,此函数用于从远程文件加载 HTML 并将其注入(inject) 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
});
如果您处理 anchor 元素的点击事件,您应该阻止浏览器访问链接 href。
另外请记住,由于 Same Origin Policy,Ajax 请求只能在同一个域中完成。 .
关于javascript - jQuery 使用 Ajax 从链接加载内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1304299/