目录
1.Ajax核心:异步的请求对象XMLHttpRequest
$.get(url, [data], [callback], [type]) //发起get请求
$.post(url, [data], [callback], [type]) //发起post请求
2、通过jQuery的方法向服务器发起异步请求,将数据提交给服务器
3、服务器接收到前端的请求数据后,将数据写入数据库,同时给前端发送响应信息
五、ORM(Object Relational Mapping,对象关系映射)
(2)创建数据库连接的配置对象:使用sequelize完成相关配置
(3)使用sequelize建立模型(类),该模型实现与数据表的orm映射
一、Ajax请求:异步的请求,可以进行页面的局部刷新
1.Ajax核心:异步的请求对象XMLHttpRequest
2.Ajax请求的步骤:
(1)创建XMLHttpRequest的对象
var xhr = new XMLHttpRequest()
(2)对异步请求对象进行配置:请求方式、请求的地址
xhr.open(‘请求方式’,‘请求地址’);
(3)向服务器发起请求
xhr.send()
(4)当请求-响应发生后,会产生一个状态码,客户端可以根据状态码来触发XMLHttpRequest的事件,目的是获取服务器的响应信息(即客户端如何知道服务器的响应)--onreadystatechange
xhr.onreadystatechange = function(){ }
同源:访问地址协议域名都一样
跨域:对JavaScript和Ajax进行安全限制,在访问网络资源域名和端口行由不一样的话就不允许
二、jQuery库对Ajax的封装
1.底层封装函数
$.ajax({
url: '请求地址',
type:'请求方式',
contentType:'请求参数的类型',
data:'发送到服务器的数据',
dataType:'服务器返回的数据类型',
success:function(data, textStatus){}, --- 请求-响应成功后调用的函数
error:function(xhr,){} --- 请求-响应失败后调用的函数
})
2、高层封装函数:
$.get(url, [data], [callback], [type]) //发起get请求
url:请求的服务器地址
data:请求参数(key/value)
callback:请求成功的回调函数
type:响应信息的格式