What is the difference between axios and jquery

WBOY
Release: 2022-04-20 18:18:02
Original
2942 people have browsed it

Difference: 1. axios is an asynchronous request framework, used to encapsulate the underlying XMLHttpRequest, while jquery is a JavaScript library, which just encapsulates dom operations by the way; 2. axios is based on promise objects, and promises can be used Methods in objects, and jquery is not based on promise objects.

What is the difference between axios and jquery

The operating environment of this tutorial: windows10 system, jquery3.2.1 version, Dell G3 computer.

What is the difference between axios and jquery

1. axios is a dedicated asynchronous request framework, used to encapsulate the underlying XMLHttpRequest, similar to the previous ajax, while jquery: just encapsulated by the way DOM operation

2. Axios is based on the promise object (promise), that is, you can use the methods in the promise object (then, catch, finally)

Every time an axios request is sent, the return value For the promise object

axios().then()
axios.all()
Copy after login

jquery is not based on the promise object

3. Axios re-encapsulates the response data

 $.ajax({
     url:'',
     success:function(data){
         data->java后台返回的数据,但是不同的人员对后台的数据封装不同
     }
 })
 axios().then(response=>{
     //response:是axios二次封装的相应对象
     response:{
         status
         statusText
         data:
         config:请求的配置信息
     }
 })
Copy after login

4. Axios sends a post request carrying parameters, and the parameters are default Sent in the form of a json string, that is, the default format of the request header is: contentType: "application/json"

And the post method in ajax: the query string is sent by default, which means that the request header The default format is: contentType: "application/x-www-form-urlencoded"

     查询字符串  name=lisi&age=20
     json:{
         "name":"lisi",
         "age":20
     }
     json:前后台交互
Copy after login

Related video tutorial recommendations: jQuery video tutorial

The above is the detailed content of What is the difference between axios and jquery. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template