jQueryを使用してWebページ上のリンクを非表示にしていますが、ソースを表示することで簡単に表示できます。私は、ページの読み込み時にリンクを読み込まないようにしたいし、AJAXなどのリンクを表示するためにボタンをクリックしたときに、デフォルトで同様の方法で読み込んでいます。ajaxを使用してリンクを非表示にするにはどうすればよいですか？
ウェブページは、ユーザーがボタンをクリックした後にのみ非表示のURLを取得する必要があります。
どうすればよいですか？
私が正しく理解していれば、何を求めていることは、単にソースにリンクせずにページを提供する方法のためのものであり、必要なときに、リンクはAjaxを使ってロードされています。
jQuery Ajaxが提供する可能性を十分に理解するためには、jQueryのドキュメントを読むことが重要です。
アップデートロードする：「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; ?>
あなたは素晴らしいです。これは私が探しているものです。 –
ウェブページ上のリンクを完全に非表示にすることはできません。 JavaScriptを使ってリンクを持ってきたとしても、訪問者は組み込みのDOMツールや他の多くのDOMツールでそれを見ることができます。
ボタンをクリックした後にURLを表示するには、AJAXイベントをボタンにアタッチして、ボタンをクリックしたときにURLをプルするようにします。
jQueryのAJAXを参照してください：http://api.jquery.com/jQuery.ajax/
あなたはajaxについて何か読んだことがありますか？ – zerkms
これは簡単な答えよりも複雑です。最初にアイテムをレンダリングしないで、サーバーからhtmlを取得するためにJQuery ajaxだけを実行してください。 jquery.ajaxを見てください。それは難しいことではありませんが、私はそれらの文書を繰り返す必要はありません。 – swannee
より良い解決策は、単にユーザーがサーバー上のスクリプトをヒットするボタンをクリックさせることです。このボタンは、URLが必要なものにリダイレクトされます。これが終わると、もうURLを隠すことはできませんが、実際にはボタンをクリックするまでブラウザーで見ることはできません。 –