javascript - jQuery 使用 Ajax 从链接加载内容

标签 javascript jquery ajax

我有一个 -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/

相关文章:

javascript - ajax成功响应更改为@html.raw

javascript - AngularJS 上不断出现注入(inject) modulerr 错误

javascript - VueJS如何延迟渲染后执行的方法?

javascript - 我想在点击 100 次后停止此功能

javascript - 克隆一个 div,然后再次从子级克隆

javascript - Unslider JQuery 单击更改幻灯片

JavaScript POST 到 API

javascript - 使用 jQuery 在网页上捕获键盘

javascript - 循环和变量中的 Event.observe

javascript - 如何使这个基于 css 的菜单在单击时打开和关闭,而不是在悬停时打开并在鼠标移出时关闭?