reCaptchaスクリプトをそのまま残したまま、jQuery/AJAXを使用してreCaptchaフォームを読み込むにはどうすればよいですか？

Question

JQuery/AJAXを使用して自分のコンタクトフォームを自分のページに読み込みます。

連絡先にはreCaptchaスクリプトが含まれています。

残念ながら、JQueryはスクリプトタグを削除してから自分のページに挿入します。これらのスクリプトタグは、キャプチャを出力するために必要です。今はロードされたフォームにはキャプチャがありません。

Answer 1

リンクはあなたが必要なすべてを持っている：http://code.google.com/apis/recaptcha/docs/display.html

あなたはAJAXでスクリプトを追加することはできません。

Recaptcha.create("your_public_key", 
    "element_id", 
    { 
     theme: "red", 
     callback: Recaptcha.focus_response_field 
    } 
); 

Answer 2

@benck、素晴らしい答え：次に、あなたが動的に次のコードを追加使用して、JSコードにreCAPTCHAのフォームを作成することができます

<script type="text/javascript" src="http://www.google.com/recaptcha/api/js/recaptcha_ajax.js"></script> 

：あなたは前に以下の行を追加する必要があります！しかし、少し古くなってきています。

<script type="text/javascript" src="https://www.google.com/recaptcha/api.js"></script> 

とコードは以下のようにする必要があります：現在のスクリプトのURLがある

grecaptcha.render('element_id', { 
    sitekey: recaptchaSiteKey, 
    callback: function(response) { 
     console.log(response); 
    } 
});