1.客户端与服务器
1.1 服务器
上网过程中,负责存放和对外提供资源的电脑。
1.2 客户端
上网过程中,负责获取和消费资源的电脑。
2.URL地址
2.1 URL地址的概念

2.2 URL地址的组成部分


3. 分析网页的打开过程
3.1 图解客户端与服务器的通信过程
三个步骤: 请求--处理--响应 ,网页中的每个资源都是通过此方式获取
3.2 基于浏览器的开发者工具分析通信过程

doc是网页
4. 数据————资源
4.1 网页中如何请求数据

用法:var xhrObj = new XMLHttpRequest()
从网页中拿数据:只要new一个XMLHttpRequest,就可以发起数据请求了
4.2 资源的请求方式

5. Ajax
5.1 什么是Ajax

Ajax实现网页与服务器之间的数据交互
5.2 Ajax的典型应用场景
![]()

![]()
6. jQuery中的Ajax
6.1 了解jQuery中的Ajax


注:$.ajax() 既可以获取数据,也可以提交数据
6.2 $.get()函数的用法

语法:$.get(url,[data],[callback]) 第一个资源地址必须有,二三随意

6.2.1 $.get()发起不带参数的请求

<body>
<button id="btnGET">发起不带参数的GET请求</button>
<script>
$(function () {
$('#btnGET').on('click', function () {
$.get('http://www.liulongbin.top:3006/api/getbooks', function (res) {
console.log(res)
})
})
})
</script>
</body>
6.2.2 $.get()发起带参数的请求

6.3 $.post()函数的用法
![]()
语法:$.post(url,[data],[callback]) 第一个资源地址必须有,二三随意

6.3.1 $.post()向服务器提交数据

6.4 $.ajax()函数的用法

基本语法:
![]()
6.4.1 使用$.ajax()发起GET的请求

6.4.2 使用$.ajax()发起POST的请求
将“GET”换成"POST"即可
















![[附源码]Python计算机毕业设计Django的图书互换系统](https://img-blog.csdnimg.cn/42eef733e6ba4032bf929e08b9a629b3.png)



