2012-02-23 77 views
-1

我已經使用jQuery來隱藏網頁上的鏈接,但通過查看源代碼可以很容易地發現它。我想避免在加載頁面時加載鏈接,然後在用戶點擊按鈕查看鏈接時,使用AJAX或類似的默認方式加載它。如何隱藏使用ajax的鏈接?

只有在用戶單擊按鈕後,網頁纔會獲取隱藏的網址。

有沒有辦法做到這一點?

+6

你讀過關於ajax的一切嗎? – zerkms 2012-02-23 01:49:32

+0

一致認爲這比簡單的回答更復雜。最初不要渲染項目,只需要JQuery ajax從服務器檢索html。看看jquery.ajax。這並不難,但我不需要重複他們的文檔。 – swannee 2012-02-23 01:52:54

+0

更好的解決方案是讓用戶點擊按鈕,只需在服務器上點擊一個腳本,該腳本會重定向到任何網址。一旦完成,您不能再隱藏網址,但至少在瀏覽器中看不到它,直到它們實際點擊按鈕。 – 2012-02-23 02:00:23

回答

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; ?> 
+0

你太棒了,這就是我要找的,它很有用,非常感謝。 – 2012-02-23 02:49:19

0

無法完全隱藏網頁上的鏈接。 即使您通過JavaScript提供鏈接,訪問者仍然可以在內置的許多不同的DOM工具中查看它。

如果您希望URL在點擊按鈕後可見,請將AJAX事件附加到按鈕,以便在單擊該按鈕時將其拉入。

見jQuery的AJAX:http://api.jquery.com/jQuery.ajax/

+0

讓我閱讀文檔。 – 2012-02-23 02:09:46

+0

如果你檢查js,鏈接仍然可以被查看 – ianace 2012-02-23 02:10:06

+0

-1我不認爲你完全理解網絡犯罪者問的是什麼,雖然他確實應該在提問前嘗試過文檔。 – Shea 2012-02-23 02:13:49