AJAX全称(Async Javascript and XML)即异步的JavaScript和XML,是一种创建交互式网页应用的网页开发技术,可以在不重新加载整个网页的情况下,与服务器交换数据,并且更新部分网页。Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用JavaScript来操作DOM而更新页面。实现Ajax异步交互需要服务器逻辑进行配合,需要完成以下步骤:
1.创建Ajax的核心对象XMLHttpRequest对象
2.通过XMLHttpRequest对象的open()方法与服务端建立连接
3.构建请求所需的数据内容,并通过XMLHttpRequest对象的send()方法发送给服务器端
4.通过XMLHttpRequest对象提供的onreadystatechange事件监听服务器端你的通信状态
5.接受并处理服务端向客户端响应的数据结果
6.将处理结果更新到HTML页面中
axios和ajax区别是什么?
1、理论区别
axios是通过Promise实现对ajax技术的一种封装,就像jquery对ajax的封装一样。ajax技术实现了局部数据的刷新,axios实现了对ajax的封装;
axios是ajax,ajax不止axios;axios有的ajax都有,ajax有的axios不一 定有。
2、逻辑区别
ajax:ajax本身是针对MVC的编程。最典型的MVC就是jsp+servlet+javabean模式:JavaBean作为模型,既可以作为数据模型来封装业务数据,又可以作为业务逻辑模型来包含应用的业务操作。
JSP作为表现层,负责提供页面为用户展示数据,提供相应的表单(Form)来用于用户的请求,并向控制器发出请求来请求模型进行更新。Serlvet作为控制器,用来接收用户提交的请求,然后获取请求中的数据,将之转换为业务模型需要的数据模型,然后调用业务模型相应的业务方法进行更新,同时根据业务执行结果来选择要返回的视图。
axios:axios符合现在前端MVVM的浪潮 。ViewModel 层,它就像是一个中转站,负责转换 Model 中的数据对象,该层向上与视图层进行双向数据绑定,向下与 Model 层通过接口请求进行数据交互,起呈上启下作用。View 层展现的不是 Model 层的数据,而是 ViewModel 的数据,由 ViewModel 负责与 Model 层交互,这就完全解耦了 View 层和 Model 层。
关键词: ajax原理是什么 axios和ajax区别是什么 为什么vue不使用ajax javascript主要用来干嘛