更多>
最新下载
jQuery焦点图插件Fotorama
jQuery焦点图插件Fotorama是一款响应式jQuery焦点图轮播幻灯片切换插件Fotorama，支持缩略图播放、全屏查看、支持视频、图片、HTML内容、支持图片延迟加载、支持缩略图显示位置定义、支持自动播放以及循环播放、支持左右方向按键播放。
0
2026-01-27
24小时阅读排行榜
- 1 C# 依赖注入方法 C#在ASP.NET Core中如何实现依赖注入
- 2 Golang I/O性能瓶颈如何优化_Golang文件与网络I/O优化技巧
- 3 如何在项目中直接导入 Cesium 源码进行调试与开发
- 4 Logback.xml是什么 如何用它来配置应用程序日志
- 5 trae运行php提示编码错误咋整_trae字符编码设置法【方案】
- 6 MySQL “Too Many Connections” 错误的排查与优化指南
- 7 如何在 JavaScript 中为同一函数灵活传入不同参数以实现弹窗定位控制
- 8 如何为用户授权_mysql grant用法说明
- 9 C# System.Diagnostics.Stopwatch的用法 - 精确测量代码执行时间
- 10 Go 中如何安全访问接口背后的具体类型字段？
- 11 Yii2 中高效合并获奖者、用户与商品数据并生成 JSON 响应
- 12 c++中如何判断字符串是否为有效的IP地址_c++字符串解析实例【汇总】
- 13 Linux 系统负载的本质含义
- 14 SystemVerilog如何读取XML配置文件并用于芯片验证
- 15 C++怎么用OpenGL C++图形学编程环境GLFW配置指南【图形】
更多>
最新教程
-
- Node.js 教程
- 16182 2025-08-28
-
- CSS3 教程
- 1546704 2025-08-27
-
- Rust 教程
- 23316 2025-08-27
-
- Vue 教程
- 25780 2025-08-22
-
- PostgreSQL 教程
- 22261 2025-08-21
-
- Git 教程
- 9240 2025-08-21
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
相关推荐
热门下载
canvas音谱可视化mp3音乐播放器代码
html5 canvas通过AudioContext对获取audio标签播放的音域和音高，调用js绘制相应高度的矩形或线条。
播放器特效
2021-03-10
