Heim > Web-Frontend > Front-End-Fragen und Antworten > Was ist der Unterschied zwischen Axios und JQuery?

Was ist der Unterschied zwischen Axios und JQuery?

WBOY
Freigeben: 2022-04-20 18:18:02
Original
2997 Leute haben es durchsucht

Unterschied: 1. axios ist ein asynchrones Anforderungsframework, das zur Kapselung des zugrunde liegenden XMLHttpRequest verwendet wird, während jquery eine JavaScript-Bibliothek ist, die übrigens nur Dom-Operationen kapselt. 2. axios basiert auf dem Promise-Objekt und kann verwendet werden Die Methoden im Promise-Objekt und JQuery basieren nicht auf Promise-Objekten.

Was ist der Unterschied zwischen Axios und JQuery?

Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.

Was ist der Unterschied zwischen Axios und JQuery? 1 Axios ist ein dediziertes asynchrones Anforderungsframework, das verwendet wird, um das zugrunde liegende XMLHttpRequest zu kapseln, ähnlich wie das vorherige Ajax, während JQuery nur Dom-Operationen kapselt

2 basiert auf dem Versprechensobjekt (Promise), das heißt, Sie können die Methoden (dann, fangen, schließlich) im Versprechensobjekt verwenden

Jedes Mal, wenn Sie eine Axios-Anfrage senden, ist der Rückgabewert das Versprechensobjekt

axios().then()
axios.all()
Nach dem Login kopieren

jquery basiert nicht auf dem Promise-Objekt

3. Die Antwortdaten werden neu gekapselt

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

4. Die Parameter werden standardmäßig in Form einer JSON-Zeichenfolge gesendet Das Format des Anforderungsheaders ist: contentType: „application/json“

Und in der Ajax-Post-Methode: Die Abfragezeichenfolge wird standardmäßig gesendet, was bedeutet, dass das Standardformat des Anforderungsheaders ist: contentType: „application/x-www -form-urlencoded"

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

Empfohlene verwandte Video-Tutorials:

jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen Axios und JQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage