Javascript 从天文台获取天气数据
我尝试嵌入来自香港天文台的当前数据,它在我的计算机中工作,但在HTTP客户端上失败。 有些效果在本地计算机上运行良好,但在公网上运行时消失了,为什么? 有什么好办法吗? 以下是一段测试代码…摘自天文台主页Javascript 从天文台获取天气数据,javascript,jquery,Javascript,Jquery,我尝试嵌入来自香港天文台的当前数据,它在我的计算机中工作,但在HTTP客户端上失败。 有些效果在本地计算机上运行良好,但在公网上运行时消失了,为什么? 有什么好办法吗? 以下是一段测试代码…摘自天文台主页 var CurrentWxData=新数组(); $.ajax({ url:“http://www.hko.gov.hk/wxinfo/json/rhrread_uc.xml", 数据类型:“json”, //async:false, cache:false, 成功:函数(currwxda
var CurrentWxData=新数组();
$.ajax({
url:“http://www.hko.gov.hk/wxinfo/json/rhrread_uc.xml",
数据类型:“json”,
//async:false,
cache:false,
成功:函数(currwxdata){
CurrentWxData[1]=currwxdata.RHRREAD.hkotemp;//临时
CurrentWxData[2]=currwxdata.RHRREAD.hkorh;//右
var Temp=CurrentWxData[1];
var RH=当前WxData[2];
var current_weather_htm='';
当前天气溫度 : ' + 温度+ '&摄氏度+
“
濕度 : ' + RH+'%';
$('current#weather_area').html(current#weather_htm);
}
});
我希望它显示在我的头版…
如果站点没有输出直接ajax请求无法获取的CORS头,则需要服务器端脚本来获取,然后对该脚本执行ajax请求上述资源似乎不允许跨源请求而不是jsonp。。。。因此,我能想到的唯一解决方案是使用您的服务器作为代理。。。。ie您向服务器发送了ajax请求,服务器将在内部向目标资源发出http请求,并将目标资源返回的数据返回到浏览器。。。
<div id="current_weather_area">
<script type="text/javascript">
var CurrentWxData = new Array();
$.ajax({
url: "http://www.hko.gov.hk/wxinfo/json/rhrread_uc.xml",
dataType: "json",
//async: false,
cache: false,
success: function(currwxdata) {
CurrentWxData[1] = currwxdata.RHRREAD.hkotemp; //Temp
CurrentWxData[2] = currwxdata.RHRREAD.hkorh; //RH
var Temp = CurrentWxData[1];
var RH = CurrentWxData[2];
var current_weather_htm = '';
current_weather_htm += '溫度 : ' + Temp + '°C' +
'<br>濕度 : ' + RH + '%';
$('#current_weather_area').html(current_weather_htm);
}
});
</script>
</div>