jQuery から自分のページに reCaptcha コードを挿入しようとしていますが、うまくいきません。
これが私のコードです：
$("#button").click(function() {
$("#loginBox").html($.getRecaptcha());
})
以下を試してみると、コードが実行されません。レンダリングするのではなく、実行しようとしていると思います。
$.getRecaptcha = function(){
return '<script type="text/javascript"' +
'src="http://api.recaptcha.net/challenge?' +
'k=6Ld3iAsAAAAAAGyX8QT244GagPEpCDSD-96o4gEi"></script>';
}
次のコードを実行すると、コードが実行されますが、#button をクリックすると、空の真っ白なブラウザー ウィンドウが表示されます。
$.getRecaptcha = function(){
var captcha = $("<script>")
.attr("type", "text/javascript")
.attr("src", "http://api.recaptcha.net/challenge?k=6Ld3iAsAAAAAAGyX8QT244GagPEpCDSD-96o4gEi");
return captcha;
}
ユーザーが使用したくない場合でも、reCaptcha サーバーから reCaptcha コンテンツをダウンロードするため、最初から reCaptcha コードを html に挿入したくありません。reCaptcha を保持するコンテナーの可視性を非表示 (display: none;) に設定することはできますが、コンテンツに関係なくコンテンツをダウンロードします。
reCaptcha が提供する「noScript」コードを挿入することはできますが、ブラウザが JavaScript を許可しているのに noScript を使用していることを検出できるため、どちらも機能しません。
助言がありますか？
(公開 reCaptcha キーをコードに入れたことは知っていますが、これはテスト目的のためのものであり、html または javascript コードから取得できます)
アップデート：
Krunal Mevada が私の質問に答えました。ただし、reCaptcha では機能しません。reCaptcha は、私の特定の質問に対する答えであるreCaptcha AJAX APIを提供します。ただし、getScript() を使用すると、reCaptcha AJAX API javascipt ファイルを動的にダウンロードできます。