NuCaptcha 不呈现

Question

window.addEventListener('load', () => {
    window
        .fetch('https://services.share-pi.aarp.org/applications/CoreServices/WSOWebService/captcha/getWidget')
        .then((resp) => resp.text())
        .then(data => {
           
      // Initialize the DOM parser
            var parser = new window.DOMParser()
           
            // Parse the text
            var doc = parser.parseFromString(data, 'text/html')
       
            // Print to console
            console.log(doc.documentElement)
            document.getElementById('nuCaptcha').appendChild(doc.documentElement)
        })
})

<h3>NuCaptcha</h3>
<div id="nuCaptcha" class=""></div>

我正在实施 NuCaptcha - 类似于 Google 验证码。

我正在将请求的响应打印到控制台中。当我将此响应粘贴到 JSBin 或空白时 .html 。文件，它可以工作并显示验证码挑战，但添加到页面的验证码似乎没有呈现。

有人知道为什么会这样吗？

Answer 1

诀窍是在粘贴下载后执行脚本 html。

window.addEventListener('load', () => {
 window.fetch('https://services.share-pi.aarp.org/applications/CoreServices/WSOWebService/captcha/getWidget').then((resp) => resp.text()).then(data => {
  var div = document.getElementById('nuCaptcha');
  div.innerHTML = data;
  var script = div.getElementsByTagName('script')
  for (var i = 0; i < script.length; i++) eval(script[i].innerHTML);
 })
})

<h3>NuCaptcha</h3>
<div id="nuCaptcha" class=""></div>

NuCaptcha 不呈现

NuCaptcha not rendering

html

javascript

captcha