博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Ajax跨域-360天气查询
阅读量:6175 次
发布时间:2019-06-21

本文共 483 字,大约阅读时间需要 1 分钟。

在360天气查询时,可以获取到响应中的跨域数据接口文件,其中包含的是获取的城市的天气情况,可以利用城市Id值得不同,利用的地址,动态获取不同城市的天气情况。

例如:通过360的获取到的广州的天气情况

思路:通过城市的ID的改变,利用jQuery的$.ajax方法实现跨域请求。城市的ID是一个变量,在成功接收文件的回调函数中得数据,分别找出未来的天气情况,然后动态添加到DOM树上。

  • HTML:简单列出几个城市,css样式省略
复制代码
  • js部分
复制代码

效果图

小结:利用了jQuery的一个跨域方法实现简单的跨域请求,实时查询城市天气。关键的是利用不同城市的ID跨域请求到相应的城市天气数据,然后从获取到的数据中,提取出要展示的信息,添加到DOM树上。

转载于:https://juejin.im/post/5a522584518825732f7e8ee9

你可能感兴趣的文章
cnetos7更改网卡类型
查看>>
用shell脚本编写进度条
查看>>
使用Live555类库实现的网络直播系统
查看>>
MySQL的使用
查看>>
分我一半的眼泪代码
查看>>
国内Saas2.0还有多远要走
查看>>
同步synchronized方法和代码块
查看>>
IO与NIO
查看>>
go_wed编程笔记
查看>>
iptables防火墙的使用
查看>>
Docker系列之安装docker
查看>>
浅谈js中的继承
查看>>
c#获取逻辑硬盘信息
查看>>
Redhat6.5中MySQL数据库的搭建
查看>>
Mysql 5.7 编译安装(附有软件包)
查看>>
支付系统设计白皮书:支付系统的概念与架构
查看>>
LB集群小结
查看>>
从SHAttered事件谈安全
查看>>
Tower上手:当个性与理想遇到现实
查看>>
Java类加载器( 死磕9)
查看>>