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

Question

I have a web page that should fire an ajax request to load into a div a widget consisting of a html block, a css file and 2 js files (jquery lib and file that holds the widget logics).

What is the best way to get the external code into the main site and what to do in order to not interfere with other .js libraries and .css classes that are loaded in the main site?

Currently I am using iframes but because of several reasons I want to remove them.

Thanks for your answers.

Answer 1

The long and the short? You can't access 3rd party content programmatically from your page. You can create 'pages in pages'(iframes) so to speak.

Or you can make the 3rd party content part of your page using html tags like <script> and <style> . This would mean, though, that the content would possibily interface with yours.

If you have access to the 3rd party server, you can use CORS.

But due to many cross-site-scripting security concerns, cross-site coding is prohibited