ajax - 在当前页面的灯箱或框架中加载链接、href、超链接、url，并刷新整个页面

Question

我是 AJAX 新手，

我想要一个 javascript 来让所有链接（包括网页、内部链接、外部链接）在点击时加载到灯箱中。就像 Facebook，当你点击照片时，它会给你一个框架，而不会将你重定向到照片页面。

总的来说，我希望我的用户点击我网站的任何链接，不要重定向到需要刷新整个页面的新页面。我希望链接按需加载到框架中，也称为 AJAX 对吗？

其实我只是想知道这种技术叫什么？？任何谷歌搜索词？搜索查询？？

有没有推荐的文章或教程来做到这一点？

Answer 1

AJAX：异步 JavaScript 和 XML。您的示例不是 AJAX，而是使用 JavaScript 进行事件绑定，从而导致发生操作以响应用户在浏览器中所做的事件。

您可以使用 jQuery 将事件绑定到页面上某种类型的所有链接。确切的实现将取决于您的 HTML 标记。

例如，如果您有多个包含在链接标签中的图像：

<a href="image1.jpg" class="image_link"><img src="image1.jpg" /></a>
<a href="image2.jpg" class="image_link"><img src="image2.jpg" /></a>

您可以拥有类似于以下内容的 jQuery（请务必在页面中加载 jQuery）：

<script>
$('.image_link').click(function(event) {
    event.preventDefault(); // stops it from doing normal link action

    // and then down here you'd need JS for your lightbox library
});
</script>

Smashing Magazine 有一篇文章可能对您有所帮助：现代网页设计中的模态窗口。