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"即可