T6.第三方API&&排序 ​

难度系数：中等

难度系数：中等

在前面的学习中，我们制作的页面都仅仅只使用了本地资源。接下来，我们就要迈入网络的世界了。在本题中，你将会了解互联网通信，学习AJAX，了解前端和后端是如何交互。

学习完后，你将从前端初级阶段，迈入高级阶段的大门。做好准备，咱们开始吧！

任务 ​

我们将学习前端是如何通过接口（API）与后端进行通信，并对一个完整项目的前后端开发流程进行初步了解！

题目背景 ​

还未接触后端时，青子同学的心里是否有这么一个疑问：前端和后端到底是怎么产生联系的呢？我们在做的事情好像只是用标签和函数把网站一点点搭建起来，要怎么才能让网站“活”起来呢？

要求制作一个网站，从所提供第三方API中获取七个城市的天气信息渲染到页面中，并提供按钮根据温度进行排序（正序和倒序），相同温度下顺序根据天气决定，顺序为：晴，多云，阴，雨（包括大中小雨、暴雨、雷阵雨、阵雨）。

如果想在自己的页面调用第三方服务器上的内容，又不愿重新加载页面，就需要我们使用Ajax技术了。一般来说，网络上会提供一些免费的接口，供开发者使用，开发者可通过调用接口来获取相关信息。

题目所提供API ​

接口地址：

https://api.seniverse.com/v3/weather/now.json?key=SWJEEWD_M17tT3zGk&location=城市名

可能遇到的问题 ​

• 计算机在互联网上如何交互与通信？什么是HTTP与HTTPS？什么是IP协议？
• HTTP请求分为哪些类型？GET和POST的区别？什么是请求行、请求头、请求体？
• HTTP响应是由哪些部分组成的？API往往响应什么类型的数据？了解一下JSON格式
• AJAX是什么？什么是异步？异步有什么作用？
• 菜鸟教程 Ajax
• MDN Ajax
• 异步是什么？

本题提交方式 ​

提交点这里

出题者Q&A方式 ​

QQ：3352859153