偏移量公式：
（当前页面-1）*显示数量
offset = num *(page -1)
(1-1)*3 =0 ;
(2-1)*3 =3;
(3-1)*3 =6;
Ajax 请求操作的基本原理
实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>get</title>
</head>
<body>
<button>点击显示关键词</button>
<p></p>
<script>
var btn = document.getElementsByTagName('button').item(0);//item() 方法返回一个节点列表中指定索引的节点。
btn.onclick = function () {
// console.log('hello')
//1 创建一个Ajax对象
var request = new XMLHttpRequest();//XMLHttpRequest() 请求对象，它可以获取POST方式提交的数据，也能获取GET方式提交的数据
//2 监听请求
request.onreadystatechange = function () { //onreadystatechange 当请求被发送到服务器时，我们需要执行一些基于响应的任务。
if(request.readyState=== 4){ //readyState 存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。
document.getElementsByTagName('p').item(0).innerHTML=request.responseText; //responseText 属性返回字符串形式的响应
}
};
//3 发送请求
request.open('GET','hello.txt',true);
request.send(null);
}
</script>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例