天气预报简单案例(跨域请求第三方接口实现)——Ajax

目录

第一:准备工具

第二:全部代码示例

第三:最终效果:(没有做装饰)

总结知识点

 

准备工具:

1.准备一个第三方接口:(免费试用的很多)

天气预报简单案例(跨域请求第三方接口实现)——Ajax

2.封装js文件  temple-web.js(模板,用来方便渲染数据---可百度找到);

 

代码示例:

天气预报简单案例(跨域请求第三方接口实现)——Ajax

渲染数据:

天气预报简单案例(跨域请求第三方接口实现)——Ajax

最终效果:(没有做装饰)

 

天气预报简单案例(跨域请求第三方接口实现)——Ajax

 

 

 

总结·需要注意的知识点

templ-web 模板的使用,

 

ajax跨域请求 

data和url的组合使用 

 

鸡汤:等你觉得和世界格格不入  ,打游戏,刷视频,都不再香的时候,你就会去做没人做的事情了

 

see you !