如何使用ajax隐藏链接?

时间:2012-02-23 01:48:58

标签: php jquery ajax show-hide

我已经使用jQuery来隐藏网页上的链接,但是通过查看来源可以很容易地揭示它。我希望避免在页面加载时加载链接,然后在用户单击按钮查看链接时使用AJAX或类似的方法加载它。

只有在用户点击按钮后,网页才会获取隐藏的网址。

有没有这样做?

2 个答案:

答案 0 :(得分:1)

如果我理解正确,你要问的是一种简单地在源代码中没有链接的情况下传递页面的方法,然后在需要时通过Ajax加载链接。

阅读jQuery文档非常重要,以充分理解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; ?>

答案 1 :(得分:0)

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

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

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