使用jsonp获取腾讯天气接口案例

1 第一步要注意接口的链接是否正确 可以使用postman进行测试一下。

2 查看相关文档 看是否有参数需要必须写上——以腾讯天气为例：

3 上面图里的参数为强制要求 其类型和说明也为大家准备了

4 下面开始书写代码

代码一共分为两部分：1 jsonp方式获取数据 2 渲染页面（我这里使用的是模板引擎）

4.1 先引入我的文件

我这里用的jq 因为方便

4.2 准备好相应的html骨架 我这里使用bootstrap的插件 大家可以自己书写

注意：tbody里面的我是注释没有删除 因为后面使用模板引擎会复制

4.3 开始书写自己的js样式 我这里是使用的外联式 

注意：标准书写是需要书写入口函数

这里的请求方式我省略了 因为jsonp只能适用于get请求 不写默认就是get

 4.4 开始使用模板引擎

4.4.1 这里是骨架的书写 注意书写格式 书写完最好使用插件格式化一下

 这里为整个js过程 其中我们给时间设置了过滤器 因为这里时间为字符串 所以为了美观和使用效果 我采用的是拼接字符串

 5 最后再对代码进行修改和完善 是样式格式更标准化 

改变：

1 data改变了 我们采用了键值对的方式追加再url后面这里有注意格式先？后面多个值采用&分隔

2 拼接改变了 我们采用了最新的模板字符串的方式 优化了性能

3 截取字母改变了 其目的也是为了提高运行速率

 感兴趣的可以去查阅更多资料 谢谢大家