加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

实现跨域script原始方式 ,代码实例

发布时间:2020-12-16 03:33:51 所属栏目:百科 来源:网络整理
导读:!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" head meta http-equiv="Content-Type" content="text/html;charset=U
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>weather search</title>
</head>
<body>
<div id="box">
<select id="city">
<option value="101010100">北京</option>
<option value="101020100">上海</option>
<option value="101030100">天津</option>
<option value="重庆">重庆</option>
<option value="哈尔滨">哈尔滨</option>
</select>
<input type="button" value="查询" id="btn" />
</div>
<div id="content"></div>
</body>
</html>


<script src="jquery-1.11.2.js"></script>

<script>

function callback(data){
console.log(data);
var d = data.weather;
var tag = '';
for(var i=0;i<d.length;i++){
var that = d[i];
var date = that.date;
var day = that.info.day;
var night = that.info.night;
//console.log(day[1]);
tag +='<span>'+date+'</span>';
tag +='<p>白天天气情况</p><ul><li>天气情况:'+day[1]+'</li>';
tag +='<li>温度情况:'+day[2]+'</li>';
tag +='<li>风向:'+day[3]+'</li>';
tag +='<li>风级:'+day[4]+'</li></ul>';


tag +='<p>夜里天气情况</p><ul><li>天气情况:'+night[1]+'</li>';
tag +='<li>温度情况:'+night[2]+'</li>';
tag +='<li>风向:'+night[3]+'</li>';
tag +='<li>风级:'+night[4]+'</li></ul>';
}


$("#content").html(tag);
}


$(function(){

$("#btn").click(function(){
$("#content").text("");
var cityCode = $("#city").val();
url = 'http://cdn.weather.hao.360.cn/api_weather_info.php?app=hao360&_jsonp=callback&code='+cityCode;
var script = document.createElement("script");
script.src = url;
$("body").append(script);

}); }) </script>

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读