RAPIDQ

Rapid-Q:The lost files
My old library where i have collected all the rapidq scripts and italian help

Today my pagerank is:

JSON-JS - Cross Site Scripting with JSON and Javascript

Post date:17/12/2008 - Posted by

admin

After a while of search i found this easy way to import in my site JSON datas from external domains.

All is made in javascript and it don't needs particular AJAX frameworks, really easy, don't you think?

Example:


<script type="text/javascript"> 
  
  function results(obj) { 
var rssoutput="<h1>Find meteo for locality (coords)</h1>" 
 rssoutput+= 'Clouds:'+obj.weatherObservation.clouds+'<br>';
  rssoutput+= 'weatherCondition:'+obj.weatherObservation.weatherCondition+'<br>';
  rssoutput+= 'observation:'+obj.weatherObservation.observation+'<br>';
  rssoutput+= 'windDirection:'+obj.weatherObservation.windDirection+'<br>';
  rssoutput+= 'elevation:'+obj.weatherObservation.elevation+'<br>';
  rssoutput+= 'countryCode:'+obj.weatherObservation.countryCode+'<br>';
  rssoutput+= 'lng:'+obj.weatherObservation.lng+'<br>';
  rssoutput+= 'temperature:'+obj.weatherObservation.temperature+'<br>';
  rssoutput+= 'dewPoint:'+obj.weatherObservation.dewPoint+'<br>';
  rssoutput+= 'windSpeed:'+obj.weatherObservation.windSpeed+'<br>';
  rssoutput+= 'humidity:'+obj.weatherObservation.humidity+'<br>';
  rssoutput+= 'stationName:'+obj.weatherObservation.stationName+'<br>';
  rssoutput+= 'datetime:'+obj.weatherObservation.datetime+'<br>';
  rssoutput+= 'lat:'+obj.weatherObservation.lat+'<br>';
  rssoutput+= 'hectoPascAltimeter:'+obj.weatherObservation.hectoPascAltimeter+'<br>';
  rssoutput+= '<br><br><br>';
  
  //document.write(rssoutput);
  var txt = document.getElementById("meteo");
  txt.innerHTML=rssoutput; 
 } 
  
  function dynamicScript(url){ 
  var script=document.createElement('script'); 
  script.src=url;script.type="text/javascript"; 
  document.getElementsByTagName('head')[0].appendChild(script); 
  
  } 
  dynamicScript('http://ws.geonames.org/findNearByWeatherJSON?lat=39.542500&lng=2.594500&callback=results');
  </script> 
  
  <div id="meteo"></div>

In the practice, for consume external JSON, i simulate that this is an external javascript code. External javascripts aren't blocked by browsers.
Then i call the name function with callback and apply it in the script.

Have a nice practice.