通过 ajax 调用将 html、js 和 css 小部件加载到外部站点答案

【问题标题】：Load html, js and css widget into external site via ajax call通过 ajax 调用将 html、js 和 css 小部件加载到外部站点
【发布时间】：2012-11-14 17:23:14
【问题描述】：

我有一个网页应该触发一个 ajax 请求以将一个小部件加载到一个 div 中，该小部件由一个 html 块、一个 css 文件和 2 个 js 文件（jquery lib 和包含小部件逻辑的文件）组成。

将外部代码导入主站点的最佳方法是什么？如何做才能不干扰主站点中加载的其他 .js 库和 .css 类？

目前我正在使用 iframe，但出于多种原因，我想删除它们。

感谢您的回答。

【问题讨论】：

看看这个api.jquery.com/load

标签： javascript html css ajax

【解决方案1】：

长和短？您无法从您的页面以编程方式访问第 3 方内容。可以这么说，您可以创建“页面中的页面”（iframe）。

或者您可以使用诸如<script> 和<style> 之类的html 标签将第3 方内容作为页面的一部分。不过，这意味着内容可能会与您的内容交互。

如果您可以访问第 3 方服务器，则可以使用 CORS。

但由于许多跨站脚本安全问题，禁止跨站编码

【讨论】：

一个不会用ajax加载css，只有html、json、xml等
人们将 ajax 用于任何事情，随着 XHR2.0 的引入，ajax 可用于检索从简单文本到 imgs、视频等的任何内容：html5rocks.com/en/tutorials/file/xhr2 但话虽如此，我是更针对 OP 不希望小部件与其页面交互/面对的请求。
主站点和小部件可以在同一个域下，以避免跨域策略问题。