如何使用 ajax 隐藏链接？ [关闭]答案

【问题标题】：How can I hide a link using ajax? [closed]如何使用 ajax 隐藏链接？ [关闭]
【发布时间】：2012-02-23 01:48:58
【问题描述】：

我使用 jQuery 来隐藏网页上的链接，但通过查看源代码很容易发现它。我想避免在页面加载时加载链接，然后在用户单击按钮查看链接时默认使用 AJAX 或类似的方式加载它。

只有在用户点击按钮后，网页才应该获取隐藏的 url。

有没有办法做到这一点？

【问题讨论】：

你读过关于 ajax 的任何东西吗？
同意这比简单的答案更复杂。最初不要渲染项目，只需 JQuery ajax 从服务器检索 html。查看 jquery.ajax。这并不难，但我不需要重复他们的文档。
更好的解决方案是让用户单击按钮，该按钮只需点击服务器上的脚本，该脚本会重定向到应有的 URL。完成后，您将无法再隐藏 url，但至少在他们实际单击按钮之前，他们无法在浏览器中看到它。
对不起，我是 jQuery 和 AJAX 的新手。
@cyber crime - 在这种情况下，不是“擅长 ajax”没什么大不了的，因为 jquery 库会为您处理一切。它就像设置一个点击监听器一样简单，在点击时定义目标 url，作为结果回显链接并将数据放在你想要的 dom 中。互联网上的每一点都在示例中给出。只需查找 $.ajax

标签： php jquery ajax show-hide

【解决方案1】：

如果我理解正确，您所要求的是一种方法，可以在源中不包含链接的情况下简单地提供页面，然后在需要时通过 Ajax 加载链接。

阅读 jQuery 文档很重要，以充分了解 jQuery Ajax 提供的可能性。

jQuery load
- jQuery Ajax 加载 HTML 的包装器
jQuery ajax

更新：
完整的单个文件示例，将其命名为“ajax_link.php”：

<?php if (isset($_GET['link'])) : ?>
<a href="yourlink.html">the link</a>
<?php else: ?>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js"></script>
        <script type="text/javascript">
            $(function () {
                $('#clicktoload').click(function () {
                    $('#wheretoshowlink').load('ajax_link.php?link=true');
                });
            });
        </script>
        <title>Ajax load link example</title>
    </head>
    <body>
        <div id="wheretoshowlink"></div>
        <button id="clicktoload">your button</button>
    </body>
</html>
<?php endif; ?>

【讨论】：

你太棒了。这就是我要找的。有用。非常感谢。

【解决方案2】：

不可能完全隐藏网页上的链接。即使您通过 javascript 引入链接，访问者仍然可以在许多不同的内置 DOM 工具中看到它。

如果您希望在单击按钮后显示 URL，请将 AJAX 事件附加到按钮，以便在单击按钮时将其拉入。

参见 jQuery AJAX：http://api.jquery.com/jQuery.ajax/

【讨论】：

让我阅读文档。
查看js还是可以看到链接的
-1 我不相信您完全理解网络犯罪分子的要求，尽管他确实应该在询问之前尝试文档。
是的，这就是我想使用 AJAX 的原因。每当用户单击按钮时，AJAX 应该从服务器获取 PHP 文件并显示它。我不擅长 AJAX。
@andrewjackson，你明白他在问什么吗？这正是他要找的，AJAX 拉入 URL，这就是我链接到 AJAX 文档的原因。