Maison  >  Article  >  interface Web  >  Quelle est la différence entre axios et jquery

Quelle est la différence entre axios et jquery

WBOY
WBOYoriginal
2022-04-20 18:18:022920parcourir

Différence : 1. axios est un framework de requêtes asynchrones, utilisé pour encapsuler le XMLHttpRequest sous-jacent, tandis que jquery est une bibliothèque JavaScript, qui encapsule simplement les opérations dom d'ailleurs ; 2. axios est basé sur l'objet de promesse, et vous pouvez l'utiliser ; les méthodes de l'objet promis, et jquery n'est pas basé sur des objets promis.

Quelle est la différence entre axios et jquery

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.

Quelle est la différence entre axios et jquery

1. axios est un framework de requêtes asynchrones dédié, utilisé pour encapsuler le XMLHttpRequest sous-jacent, similaire à l'ajax précédent, tandis que jquery : encapsule simplement les opérations dom en passant

2. est basé sur l'objet de promesse (promesse), c'est-à-dire que vous pouvez utiliser les méthodes (puis, catch, enfin) dans l'objet de promesse

Chaque fois que vous envoyez une requête axios, la valeur de retour est l'objet de promesse

axios().then()
axios.all()

jquery n'est pas basé sur l'objet de promesse

3. axios Les données de réponse sont réencapsulées

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

4 Axios envoie une requête de publication portant des paramètres Les paramètres sont envoyés sous forme de chaîne json par défaut, c'est-à-dire la valeur par défaut. le format de l'en-tête de la requête est : contentType : "application/json"

Et en méthode ajax Post : La chaîne de requête est envoyée par défaut, ce qui signifie que le format par défaut de l'en-tête de la requête est : contentType : "application/x-www -form-urlencoded"

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

Tutoriels vidéo associés recommandés : Tutoriel vidéo jQuery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn