更多>
最新下载
24小时阅读排行榜
- 1 打开Photoshop提示暂存盘已满无法使用的解决方法
- 2 Python虚拟现实 Python VR开发环境配置
- 3 JS中的localStorage怎么用？能存什么？
- 4 Python中如何使用静态方法？
- 5 微信怎么设置夜间模式 微信深色模式开启教程
- 6 什么是C++中的安全字符串处理？
- 7 新手必看！DeepSeekAI生成标题技巧，小红书梗图点击率提升50%！
- 8 Python中setup.py作用 传统Python包配置setup.py文件编写指南
- 9 学习通视频课程怎么加速播放 学习通视频课程倍速播放设置
- 10 轻颜相机怎么拍动态照片 动态照片拍摄全攻略
- 11 Opensea通过OS2升级再次证明了它的弹性
- 12 python中pip的安装与使用 python包管理工具pip命令大全
- 13 美图秀秀如何调整照片比例？美图秀秀裁剪缩放技巧分享！
- 14 如何动态地向类添加方法？
- 15 Python中enum枚举类型 Python3中enum模块创建枚举类详解
更多>
最新教程
-
- 麻省理工大佬Python课程
- 9420 2024-05-31
-
- Swoole5 Hyperf3 php8新版本协程框架讲说
- 12014 2024-05-13
-
- 【web前端】Node.js快速入门
- 7888 2024-04-26
-
- 国外Web开发全栈课程全集
- 7817 2024-04-24
-
- Go语言实战之 GraphQL
- 5618 2024-04-19
-
- 550W粉丝大佬手把手从零学JavaScript
- 6427 2024-04-18
jQuery输入城市查询天气预报代码
这是一款利用百度提供的接口实现的jQuery表单输入城市查询天气预报情况代码。
js代码
<script type="text/javascript">
$("input[type=button]").on("click",function(){
var cityName=document.querySelector("#cityName").value;
//跨域是浏览器的安全策略.
//我现在是jQuery ，jQuery 怎么去解决
//jQuery 解决的方式.
$.ajax({
url:"http://api.map.baidu.com/telematics/v3/weather",
type:"get",
data:{
location:cityName,
output:'json',
ak:'6tYzTvGZSOpYB5Oc2YGGOKt8'
},
/*预期服务器端返回的数据类型，假设我现在跨域了，我就改成jsonp 就可以了 */
dataType:"jsonp",
success:function(data){
console.log(data)
//百度那边的 数据已经回来，我现在要解析这个数据.
var weatherData=data.results[0].weather_data;
var obj={
list:weatherData
}
var html=template("templateId",obj);
document.querySelector("table").innerHTML=html;
}
})
})
</script>
js代码
<script type="text/javascript">
$("input[type=button]").on("click",function(){
var cityName=document.querySelector("#cityName").value;
//跨域是浏览器的安全策略.
//我现在是jQuery ，jQuery 怎么去解决
//jQuery 解决的方式.
$.ajax({
url:"http://api.map.baidu.com/telematics/v3/weather",
type:"get",
data:{
location:cityName,
output:'json',
ak:'6tYzTvGZSOpYB5Oc2YGGOKt8'
},
/*预期服务器端返回的数据类型，假设我现在跨域了，我就改成jsonp 就可以了 */
dataType:"jsonp",
success:function(data){
console.log(data)
//百度那边的 数据已经回来，我现在要解析这个数据.
var weatherData=data.results[0].weather_data;
var obj={
list:weatherData
}
var html=template("templateId",obj);
document.querySelector("table").innerHTML=html;
}
})
})
</script>
本站所有资源都是由网友投搞发布，或转载各大下载站，请自行检测软件的完整性！本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架，联系方式：admin@php.cn
相关推荐
热门下载
H5 3D滚球游戏源码
html5酷炫3D彩球滚动手机游戏代码下载。游戏介绍：一个彩色圆球滚动，通过鼠标或手机触屏拖动来控制彩球的运行当前线路轨迹。这是一款简单易操作的手机小游戏源码。
html5特效
2019-08-26
HTML5+three实现3D酷炫拼魔方游戏特性
html5基于three.js制作3D拼魔方小游戏，双击开始游戏，看你来多少时间内能拼成魔方游戏。单击鼠标拖动可以3D查看魔方位面。
html5特效
2019-04-04
