Ajax 第一天 jQuery中的Ajax方法

1.基本概念

资源

​ 资源就是网络中的内容，比如html文件、cs文件、JS文件、图片、视频、音频等

数据

​ 数据就是真实的数据，比如排行榜、股票价格、文章信息等

服务器

​ 本质是一台电脑

​ 作用：(1)存储网站资源

​ (2)提供网站的资源给用户

​ 如何获得服务器：购买和租赁

客户端

​ 用户用的设备，比如电脑、平板、手机等

2.浏览器-服务器交互模型

​ (1)用户输入一网址，按下回车

​ (2)客户端向服务器端发送请求

​ (3)服务器处理请求

​ (4)服务器作出响应

​ (5)浏览器接收结果并显示到页面中

3.请求方式

​ get请求：获取数据 向服务器发送请求，获取服务器的资源

​ post请求：提交数据 提交数据给服务器

​ put请求：修改数据

​ delete请求：删除数据

​ url错误：显示404错误 请求方式：不一定 通常是404 请求参数：400

4.Ajax

​ Asynchronous JavaScript And XML(异步 JavaScript和XML)

​ Ajax是一门技术，是浏览器和服务器交互的技术

​ 它的应用场景很多，比如无刷新的页面、搜索框搜索一个东西然后会出现提示

​ 步骤：(1)浏览器执行一段代码

​ (2)发送请求给服务器

​ (3)服务器处理

​ (4)服务器作出响应

​ (5)浏览器接收结果

​ (6)程序员自行处理接收的这个变量

5.Ajax请求和浏览器请求区别

​ 浏览器请求：是浏览器本能的请求，不需要执行任何js代码，自送渲染结果到页面

​ Ajax请求：需要执行JS代码，返回结果后程序员要对结果进行处理

6.Ajax方法

​ $.get()：获取数据

​ $.get(url, [data], [success], [datatype]);

​ $.post()：提交数据

​ $.post(url, [data], [success], [datatype]);

​ $.ajax()：综合的方法，get、post、put、delete都可以用

​ $.ajax({type: 请求类型，URL: ''，success: function () {}});

ajax的data

​ 如果参数在网址?后面在network的headers中原始就是查询字符串

​ 如果参数是在data：{user: username; pass: password}得到的原始数据就是json字符串

7.接口及接口文档

​ 后端提供的网址也叫做接口

​ 后端程序员提供给前端的，里面有填的URL网址和请求方式，哪些必填等等

8.network调试排错工具

​ 点击'Fetch/XHR' 只看ajax请求

​ 勾选'Disable cache'清除缓存

​ 点击列表中的请求，可以看到详细信息，

​ 新面板中，Headers可以看到完整的请求方式和URL，下面可以看到提交的数据

​ response是服务器相应的结果，preview是预览浏览器处理的结果