最新下载
Bootstrap复选框样式美化特效
CSS3实现水位充满文字特效
24小时阅读排行榜
- 1 猎豹浏览器如何关闭html5自动播放_tv浏览器关自动播法【停用】
- 2 HTML5如何实现可交互变色边框_HTML5实现可交互变色边框技巧【交互】
- 3 如何评估Golang微服务架构是否合理_架构评估思路
- 4 解决EF Core迁移“table already exists”错误 EF Core迁移冲突处理
- 5 Flask 模板中 if 语句语法错误的排查与修正
- 6 Spring Bean是什么 如何在XML中定义和装配它
- 7 HTML5如何隐藏破损图片_HTML5隐藏破损图片技巧【容错】
- 8 如何使用 Flask + SocketIO 实时流式传输大型日志文件到前端
- 9 如何将CSV文件映射成指定的XML格式?
- 10 Go反射如何判断类型_Go类型判断方法说明
- 11 mysql在容器环境中升级版本的安全做法
- 12 mysql慢查询日志是什么_mysql性能分析概念
- 13 如何在 Go 的 HTTP 处理函数中获取 POST 请求参数
- 14 css渐变与透明度结合使用_linear-gradient与rgba搭配应用
- 15 css颜色值的优缺点分析_选择最适合的表示方式
最新教程
-
- Node.js 教程
- 15532 2025-08-28
-
- CSS3 教程
- 1544718 2025-08-27
-
- Rust 教程
- 22811 2025-08-27
-
- Vue 教程
- 25287 2025-08-22
-
- PostgreSQL 教程
- 21861 2025-08-21
-
- Git 教程
- 8876 2025-08-21
代码片段:
$("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;
}
})
})
