javascript - 将 authorize.net 商家印章放在 augular js View 文件中

Question

我有带支付功能的 angular js 应用程序。我想插入 authorize.net 印章代码(由 authorize.net 为经过验证的商家提供。我将我的站点添加到 authorize.net 服务器上的已验证商家印章域列表中):

<!-- (c) 2005, 2014. Authorize.Net is a registered trademark of CyberSource Corporation --> <div       class="AuthorizeNetSeal"> <script type="text/javascript" language="javascript">var ANS_customer_id=my_customer_id;</script> <script type="text/javascript" language="javascript" src="//verify.authorize.net/anetseal/seal.js" ></script> <a href="http://www.authorize.net/" id="AuthorizeNetText" target="_blank">Merchant Services</a> </div>

当我插入我的一个 View 页面时，它显示以下错误

Failed to execute 'write' on 'Document': It isn't possible to write into a document from an asynchronously-loaded external script unless it is explicitly opened.

我明白，加载 View 后它无法写入印章图像(bcoz seal.js 包含 document.write 代码)。但我不知道如何解决这个问题。

如果我将此代码放在主 index.html 中，它可以正常工作(显然)。但我需要它在我的一个 View 文件中。请帮我解决这个问题。

提前致谢。

Answer 1

问题是 document.writeln() 不会从异步加载的 seal.js 脚本运行，因为页面已经加载。使 document.writeln() 和 document.write() 异步工作是不可能的，因此您必须解决它。

有两种解决方案...

第一个解决方案是下载 seal.js 脚本并将其托管在您的网站上，用字符串替换所有 document.writeln() 函数。

我在这里完成了这个(seal.js 文件在 js 选项卡中): <强> http://codepen.io/anon/pen/WbxJEd

将 document.write() 和 document.writeln() 替换为

var htmlString = '';
htmlString += '<img src="blabla"/>';

第二种解决方案(如果您不想托管 js，这可能是更好的选择)是覆盖 document.write() 和 document .writeln() 函数与你自己的....

http://codepen.io/anon/pen/JoKvyg

document.writeOld = document.write;
document.writelnOld = document.writeln;

//Getting the element we are rendering too and setting string and custom function
var placeholder = document.getElementById('sealPlaceholder'),
    sealHtml = '',
    customWriteFnc = function(html) {
        sealHtml += html;
        placeholder.innerHTML = sealHtml;
    }

//Overwriting document.write and document.writeln with our own function
document.write = customWriteFnc;
document.writeln = customWriteFnc;

//Loading the script after the page has loaded
setTimeout(function(){
    var head = document.getElementsByTagName('head')[0],
        script = document.createElement('script');
   script.type= 'text/javascript';
   script.src= '//verify.authorize.net/anetseal/seal.js';
   head.appendChild(script);
}, 500);