Как загружать js с другого сайта по клику?

Question

[Кирилл]

Здравствуйте! Можно ли сделать чтобы по нажатию на кнопку, загружалась гугл рекапча?

Так-же как и вставить в html:

<script src="https://www.google.com/recaptcha/api.js?onload=reCaptchaCallback&render=explicit" async defer></script>

Если бы можно было копировать там js, а так он постоянно меняется... вот бы можно его было спарсить и выполнить по нажатию... в любом случае если парсить, то нужно учесть
window['___grecaptcha_cfg']['render'] = 'explicit'
window['___grecaptcha_cfg']['onload'] = 'reCaptchaCallback'

У меня на сайте 2 капчи, в лучшем случае +2 секунды к загрузки сайта...

Answer 1

[Stalker_RED]

$('#MYBTN').on('click',function(){
    var captchaContainer = null;
    var loadCaptcha = function() {
      captchaContainer = grecaptcha.render('captcha_container', {
        'sitekey' : 'Your sitekey',
        'callback' : function(response) {
          console.log(response);
        }
      });
    };
    loadCaptcha();
 });

<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
      <div id="captcha_container"></div>
      <input type="button" id="MYBTN" value="MYBTN">
      <script src="https://www.google.com/recaptcha/api.js?onload=loadCaptcha&render=explicit"></script>

© https://stackoverflow.com/a/35245851

Comments

[Кирилл]

Спасибо, никогда бы не нашел. Вообще я хотел чтобы сам код капчи вставлялся только когда нажимают на кнопку, но так больше нравится.. Единственное напрягает, это ReCAPTCHA couldn't find user-provided function: loadCaptcha, когда не находит loadCaptcha при загрузки сайта