客户端：客户自己，获取和消费资源的电脑
服务器：负责存放和对外提供资源的电脑。URL地址：同意资源定位符，包括通信协议，服务器名称和具体存放位置
通信过程：客户端请求服务器，服务器处理请求，服务器响应客户端
网页如何请求数据：请求数据资源，服务器处理数据请求，把数据响应给客户端
1.在网页中请求服务器的数据资源，用get和post请求
var xhrObj = new XMLHttpRequest()
2.Ajax(Asnchronous Javascript And XML)(异步Javascript和XML)
Ajax可以轻松实现网页与服务器之间的数据交互
3.jquery中发起ajax请求最常用的三个方法
$.get(url,[data],function(){});//拿数据,url必写
//[data]->{id:1}
$.post(url,[data],function(){});//提交数据
//[data]
$.ajax({
type:'',//请求的方式
url:'',//请求的url地址，
data:'',//请求携带的数据
success:function(res){ }//请求成功后的回调函数
});//拿或提交数据
4.url地址称为数据接口，每个接口必须有请求方式。
5.接口文档：接口的说明文档，是调用接口的依据
接口名称(登录接口，获取图书列表接口)，接口url，接口调用方式，参数格式(名称，类型，是否必选，参数说明)，响应格式(数据名称，数据类型，说明)，返回实例
6.trim()//去除字符串两端的空格
Form表单
1.表单由三部分组成，表单标签、表单域、表单按钮
form、input、button、
2.action:'url';向何处发送表单数据，//页面会跳转action指定的地址
3.target:在何处打开action URL//_self,_blank
4.method:get/post提交数据到URL
get适合少数的，简单数据。post比较安全，提交大量复杂，包含文件的数据
5.enctype:发送表单数据前对数据进行编码
application/x-www-form-urlencoded :编码所有字符
multipart/form-data：在包含文件上传的表单一定用这个
text/plain：少
6.表单的同步提交：导致数据丢失，则用Ajax提交数据
7.两种监听表单提交事件：
1. $('#formal').submit(function(e){
alert('')
})
2. $('#formal').on('submit',function(e){
alert('')
})
8.快速获取表单的数据：serialize()
$('#formal').serialize();
//1.formal是form的id，2.每个input加上name，结果为键值对的方式，username = 用户名的值
给input文本框好看的样子加class = "form-control";
jquery对象转换为DOM对象调用--$('')[0];
模板引擎：根据程序员指定的模板结构和数据，生成完整的html页面
art-template：1.导入art-template.js,
2.定义渲染的数据
3.定义模板，写在script里面，要指定