Web数据交互技术——AJAX

Visual Studio Code开发工具

jquery1.10.2版本

分析接口文档1、请求地址也就是ajax的url地址，请求方式是get请求那么我们的请求参数就是连接在url后面（如：https://xxx.com/api/?id=xxx&type=xxx，其中的id,type就是get请求的参数）2、GET参数中必填一栏，是：参数必须上传，否：参数可不传2、返回数据一般来说是json数据，看图中的返回参数示例  参数值 后面的 注释就是返回参数的说明

编写核心JavaScript代码

查看Ajax请求返回的数据1、我们编写完JavaScript代码后，用浏览器打开，打开浏览器控制台-->Console将看到ajax请求到的数据

查看ajax到底是怎么请求的。浏览器--->控制台---》Network1、分析控制台输出的值，我们能知道返回的是一个对象，那我们需要取对象的值就可以了，  console.log(result.city)

完整代码1、利用ajax拿到了数据，现在我们就把这个实例做的更完善下

现在我们就利用了ajax技术，实现了各城市的天气预报查询。本实验主要使用了get请求方式，还有post,put,delete等请求方式，建议小伙伴自行了解一下http协议。

有很多小伙伴听到要做前后端数据交互就很担心，害怕。其实我们学下来还是很简单的，只要把ajax的基本方法掌握，按照接口文档的要求请求就ok了。