javascript - 动态加载带有 data 属性的 javascript 文件

Question

我试图用一些 javascript 代码替换这行 HTML，这些代码将动态加载脚本，并在加载脚本后提供回调。

<script type="text/javascript" src="https://www.dropbox.com/static/api/2/dropins.js" id="dropboxjs" data-app-key="SOME VALUE HERE"></script>

我可以使用jquery的$.ajax()函数来加载文件，但是如何设置data-app-key值？

$.ajax({
    dataType : 'script',
    cache    : true,
    url      : 'https://www.dropbox.com/static/api/2/dropins.js',
    complete : onApiLoad,
});

Answer 1

使用给定的 id (dropboxjs) 创建一个隐藏元素(可以是 span 或表单元素，无关紧要)，并在此元素上设置 data-app-key 属性。您包含的 JS 文件只是尝试读取具有给定 id 的元素的 data- 属性。尝试一下