将jquery导入到将包含在外部资源(html)中的模块中

Importing jquery into module that will be included in an external resource (html)

本文关键字:模块 html 外部 导入 jquery 包含 资源      更新时间:2023-09-26

我正在建立一个广告网络,出版商将在他们的页面上放置一个javascript文件,该文件将托管在远程cdn上。

在javascript文件中,我需要能够导入jquery,以便我可以放置/写入广告到出版商的网站。

下面是添加到出版商网站的代码(出版商代码):

<script src="https://cdn.adnetwork.com/platform.js"></script>
<script type="text/javascript">
   window.publisher.init(123123)
</script>

下面是从我的cdn (platform.js)加载到发布者网站的代码:

(function (publisher) {
    publisher.init = function (id) {
        console.log('publisher id is', id)
        // make ajax get request to backend api using pub id
        // return advertiser information
        // write ads to pub site using jQuery
    }
})(window.publisher = window.publisher || {})

我怎样才能在我这边完成这个,这样我就不必要求发布者包含jquery与我的发布者代码?

我需要以某种方式将jquery导入到这个自执行函数中,以便我可以使ajax获得对本地api的请求,并且一旦广告返回,我需要能够将它们写入发布者网站上的DOM。

我知道这是可能的,因为谷歌做到了,我只是不确定他们是如何做到的…

显然我的大脑冻结了,我意识到我不需要jQuery来完成我想要的。我可以使用XMLHttpRequest!