I got a couple comments and emails about my post on cross sub domain JS and AJAX and using an iframe to make that happen. As I was making an example of it so the post made more sense, I thought about the cross sub domain issues we were having at work, and the “duh” solution to the issue of passing data between sub domains. Use JSON instead of XML. The only time you couldn’t use JSON is if you were trying to get a full HTML page instead.

Its absurdly easy with jQuery and there are no iframes or anything else to mess around with. Just setup your js as a function call with a JSON object inside of it with your data.

myData({ "title":"test"})

Then on your page where you want the data, after adding jQuery just run the following

<script type="text/javascript">
function myData(theData) {
	alert(theData.title);
}
$.getJSON("http://test.tomhoppe.com/test.js?callback=?");
</script>

This will grab the test.js file containing the function callback and execute that function on your page. At that point you can do whatever you please with your data. Only do this with trusted sources of course, as the JS that you pull in gets immediately executed on your own page.

This entry was posted on Friday, March 27th, 2009 at 1:03 am and is filed under All, Javascript. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.