相关概念
1. 客户端与服务器
服务器:对外存放和提供资源的电脑 客户端:消费和获取资源的电脑
2. URL地址
URL全称:统一资源定位符(uniformresourcelocator),用来定位互联网上每个资源的唯一存放位置。浏览器只有通过URL地址才能够定位到资源的存放位置,从而访问资源。
3. 网页的打开过程 请求-处理-响应
用户打卡浏览器,输入有效的网址之后,回车向服务器发送请求 服务器接受到请求后处理请求,并且找到相应的资源把它响应(返回)给客户端
4. 服务器对外提供的资源
在网页中请求服务器上的资源,必须通过浏览器提供的内置对象 XMLHttpRequest
5. Ajax
Ajax的全称是 Asynchronous Javascript and XML (异步JavaScript和XML); 简单来说 Ajax就是在网页中利用XMLHTTPRequest对象和服务器之间来进行数据交互的方式;
Ajax有一些典型的应用场景
- 动态加载搜索提示列表
- 当点击页码值的时候,通过 ajax 的形式,根据页码值动态刷新表格的数据
- 数据的增删改查:数据的添加、删除、修改、查询操作,都需要通过 ajax 的形式,来实现数据的交互
6. jQuery中的ajax
- jQuery 对 XMLHttpRequest 进行了封装,提供了一系列 Ajax 相关的函数,极大地降低了 Ajax 的使用难度。
- 三种请求
- $.get(url, data, callback) URL字符串(要请求的资源地址) data 对象(请求资源期间携带的参数) callback 请求成功时的回调函数 get 可以发起带参数的请求 和 不带参数的请求
- $.post(url, data, callback) url 字符串(提交资源的地址) data对象(要提交的数据) callback数据提交成功时的回调函数
- $.ajax()
$.ajax({
type: '', // 请求的方式,例如 GET 或 POST
url: '', // 请求的 URL 地址
data: { },// 这次请求要携带的数据
success: function(res) { } // 请求成功之后的回调函数
})
7. 接口
- 使用 Ajax 请求数据时,被请求的 URL 地址,就叫做数据接口(简称接口)。同时,每个接口必须有请求方式。
- 接口文档格式