axios和ajax的区别是什么?

Ajax：

1、什么是ajax

  Ajax是对原生XHR的封装，为了达到我们跨越的目的，增添了对JSONP的支持，是异步的javascript和xml。

  ajax不是一门新技术，而是多种技术的组合，用于快速的创建动态页面，能够实现无刷新更新数据从而提高用户体验。

2、ajax的原理？

  由客户端请求ajax引擎，再由ajax引擎请求服务器，服务器作出一系列响应之后返回给ajax引擎，由ajax引擎决定将这个结果写入到客户端的什么位置。实现页面无刷新更新数据。

3、核心对象？

XMLHttpReques

4、ajax优缺点？

优点

1、无刷新更新数据

2、异步与服务器通信

3、前端和后端负载平衡

4、基于标准被广泛支持

5、界面与应用分离

缺点：

1、ajax不能使用Back和history功能，即对浏览器机制的破坏。

2、安全问题 ajax暴露了与服务器交互的细节

3、对收索引擎的支持比较弱

4、破坏程序的异常处理机制

5、违背URL和资源定位的初衷

6、ajax不能很好的支持移动设备

7、太多客户端代码造成开发上的成本

5、Ajax适用场景

1、表单驱动的交互

2、深层次的树的导航

3、快速的用户与用户间的交流响应

4、类似投票、yes/no等无关痛痒的场景

5、对数据进行过滤和操纵相关数据的场景

6、普通的文本输入提示和自动完成的场景

6、Ajax不适用场景

1、部分简单的表单

2、搜索

3、基本的导航

4、替换大量的文本

5、对呈现的操纵

7、代码

$.ajax({

type: 'POST',

url: url,

data: data,

dataType: dataType,

success: function () {},

error: function () {}

});

8、ajax请求的五个步骤

1. 创建XMLHttpRequest异步对象

2. 设置回调函数

3. 使用open方法与服务器建立连接

4. 向服务器发送数据

5. 在回调函数中针对不同的响应状态进行处理

更多请访问：Ajax

Axios：

1、axios是什么

Axios 是一个基于 Promise 的 HTTP 库，可以用在浏览器和 node.js 中。

2、axios有那些特性？

1、在浏览器中创建 XMLHttpRequests

2、在node.js则创建http请求

3、支持Promise API

4、支持拦截请求和响应

5、转换请求和响应数据

6、取消请求

7、自动转换成JSON数据格式

8、客户端支持防御XSRF

3、执行get请求，有两种方式

// 第一种方式  将参数直接写在url中axios.get('/getMainInfo?id=123')

.then((res) => {

console.log(res)

})

.catch((err) => {

console.log(err)

})// 第二种方式  将参数直接写在params中axios.get('/getMainInfo', {  params: {

    id: 123

}

})

.then((res) => {

console.log(res)

})

.catch((err) => {

console.log(err)

})

4、执行post请求

  注意:执行post请求的入参，不需要写在params字段中，这个地方要注意与get请求的第二种方式进行区别。

axios.post('/getMainInfo', {

id: 123})

.then((res) => {

console.log(res)

})

.catch((err) => {

console.log(err)

})

更多请访问：Axios

总结

  axios是之前ajax的一种升级版本。
ajax是基于XMLHttpRequest实现无刷新更新页面的方法。之前的ajax是jquery对这种刷新方法的封装，可以通过简单的配置实现局部刷新页面。
而axios则是使用了最新es6的promise方法，可以更方便实现异步操作。

最后

以上就是大气香水为你收集整理的axios和ajax的区别是什么?的全部内容，希望文章能够帮你解决axios和ajax的区别是什么?所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。