jquery和雅虎的yql服务实现天气预报服务示例_jquery_脚本之家

本代码不涉及其余后端开辟代码。近年来最权威的天气预测数据是华夏天气网(
,重回的JSON数据格式如下图:

YQL服务能够兑现对英特网分歧数据源的query,filter,combine,提供雷同SQL,具体地址如下:
。当实践查询的时候,YQL服务就能够探问网络上的数据源,传输数据,重返XML可能JSON方式的数量结果。YQL能够接纳过多门类的数据源,包含Yahoo!Web
services 或然其余的网络服务,和互连网数据类型比如:HTML, XML, 瑞鹰SS,和Atom。

据此得以通过双方的结合使用,完毕天气预测效用的支出,具体JS代码如下:

复制代码 代码如下:function getWeather(State of Qatar {
$.getJSON(“”, { q: “select *
from json where url=\”””,
format: “json” }, function { if { //$.text(JSON.stringify; var J_data =
JSON.parse(JSON.stringify; //alert(J_data.weatherinfo.city); $.append(“

“+J_data.weatherinfo.city+”天气预测; $.append(“

“+J_data.weatherinfo.date_y+””+J_data.weatherinfo.week+””+J_data.weatherinfo.temp1+””+J_data.weatherinfo.weather1+””+J_data.weatherinfo.wind1+””+J_data.weatherinfo.index+””+J_data.weatherinfo.index_d+”

“); var t= J_data.weatherinfo.date_y; t=t.replace; t=t.replace;
t=t.replace;

var tdy = new Date; var t2 = new Date(); t2.setDate;

$.append(“

“+
t2.Format+””+getweekdays+””+J_data.weatherinfo.temp2+””+J_data.weatherinfo.weather2+””+J_data.weatherinfo.wind2+”

“); var t3 = new Date(); t3.setDate; $.append(“

“+t3.Format+””+getweekdays+””+J_data.weatherinfo.temp3+””+J_data.weatherinfo.weather3+””+J_data.weatherinfo.wind3+”

“); var t4 = new Date(); t4.setDate; $.append(“

“+t4.Format+””+getweekdays+””+J_data.weatherinfo.temp4+””+J_data.weatherinfo.weather4+””+J_data.weatherinfo.wind4+”

“); var t5 = new Date(); t5.setDate; $.append(“

“+t5.Format+””+getweekdays+””+J_data.weatherinfo.temp5+””+J_data.weatherinfo.weather5+””+J_data.weatherinfo.wind5+”

“);

var t6 = new Date(); t6.setDate; $.append(“

“+t6.Format+””+getweekdays+””+J_data.weatherinfo.temp6+””+J_data.weatherinfo.weather6+””+J_data.weatherinfo.wind6+”

“);

//alert;

} else { $.text(‘no such code: ‘ + code); } });
//$.getJSON(“”, null,
function; }); }

function getweekdays { if { return “星期日”; } else if { return
“星期一”; } else if { return “星期二”; } else if { return “星期三”; }
else if { return “星期四”; } else if { return “星期五”; } else if {
return “星期六”; }

}

终极兑现的法力,如下图:

发表评论

电子邮件地址不会被公开。 必填项已用*标注