【知识学习】axios和ajax的区别?axios实例

最新推荐文章于 2023-12-13 16:52:02 发布

luxury.

最新推荐文章于 2023-12-13 16:52:02 发布

阅读量721

点赞数 1

分类专栏：【知识学习】文章标签： javascript node.js jquery

本文链接：https://blog.csdn.net/qq_40743463/article/details/104667836

版权

【知识学习】专栏收录该内容

20 篇文章 0 订阅

订阅专栏

一切的基础：JS（JavaScript）JavaScript教程-w3schools

文章多为转载，尊重版权，便于自己与他人学习。

异步请求： XMLHttpRequest/Ajax/Axios/Fetch的区别与特点
axios和ajax的区别?

AJAX完整是 Asynchronous Javascript And XML ，异步js和xml，是一种异步请求的技术。（异步：在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页。）
jQuery ajax - ajax()方法 w3schools
jQuery 虽然已经过时，还是可以学一学的，学了之后对写代码和封装库很有帮助。现在的「新人 as 我」依然可以学习 jQuery 的思想，因为以「我」的水平，直接理解 Vue / React 的思想难度较大，jQuery 是一个很不错的中间过渡，因为 jQuery 也蕴含了非常多的编程套路。

Axios 是一个基于 promise 的 HTTP 库，简单的讲就是可以发送get、post请求，可以用在浏览器和 Node.js 中，实现了对Ajax的封装，轻量级库。
Axios是什么？用在什么场景？如何搭建？
优点：
1.支持浏览器和node.js
2. 支持promise
3. 能拦截请求和响应 （get和post）
4. 能转换请求和响应数据
5. 能取消请求
6. 自动转换JSON数据
7. 浏览器端支持防止CSRF(跨站请求伪造)

适用场景：
Vue、React、Node等项目就可以使用Axios，如果你的项目里面用了jQuery，此时就不需要多此一举了，jQuery里面本身就可以发送请求。

Axios 和 Ajax 的使用方法基本一样，可能参数不一样，仅仅是一种实现。

axios实例：

this.$axios.get('http://localhost:8181/findById/'+id).then(function (resp) {
            console.log(resp)
          })
 this.$axios.delete('http://localhost:8181/deleteById/'+row.id).then(function (response) {
 			console.log(response)
        })
this.$axios.put('http://localhost:8181/update',_this.mfbook).then(function (response) {
              console.log(response)
            })
this.$axios.post('http://localhost:8181/save',_this.addbook).then(function (response) {
              console.log(response)
            })

名词解释：

.node.js ：Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node是一个让 JavaScript 运行在服务端的开发平台。（目的总之是运行js）
promise：所谓 Promise，就是一个对象，代表了未来将要发生的事件，用来传递异步操作的消息。Promise-廖雪峰
GET和POST：超文本传输协议（HTTP）的设计目的是保证客户机与服务器之间的通信。GET 和 POST是两种最常用的 HTTP 方法。
JSON: axios默认提交就是使用这种格式。JSON教程|菜鸟教程