Question

On a website AAA.com will include a javascript from website BBB.com which has to be non blocking execution script.

The javascript grabbed on BBB.com will extract the meta keywords, the meta title from AAA.com and it’ll be sending those data to a particular url to website BBB.com

The BBB.com website will be sending back an url for a video player.

I guess i’ll have problem because this is clearly a crossdomain request, which i wanted to solve with an JSON-P request, but the problem is that we can’t use jQuery.

How would you achieve that please ?

Answer 1

The first script from BBB.com will have to parse the keywords, serialize them into a URL query and dynamically create a second <script> tag that loads content from BBB.com (this is how you will get around the SOP restriction).

The content from BBB.com would typically be a call to some function inside the first script that knows how to consume the content.

For example, the first script might read like

function showVideoPlayer(parameters) {
   // ...
}

var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'http://bbb.com/crossdomain?'; // includes serialized meta keywords
// and now append script to e.g. the body so that the request is made

And the content returned would be

showVideoPlayer({param1: "value1", param2: "value2"});