Was ist der Unterschied zwischen Axios und Ajax in JQuery?

Der Unterschied zwischen Axios und Ajax in JQuery: 1. Axios ist eine Kapselung der Ajax-Technologie durch Promise, während JQuery die Anforderungstechnologie in Ajax kapselt; 2. Axios ist eine HTTP-Bibliothek, die auf Promise basiert, und Ajax ist eine Kapselung von Native XHR.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, JQuery-Version 3.6.0, Dell G3-Computer.

Was ist der Unterschied zwischen Axios und Ajax in JQuery?

Der Unterschied zwischen Axios und Ajax:

Axios ist eine Promise-basierte HTTP-Bibliothek, während Ajax eine Kapselung von nativem XHR ist Aktualisierung lokaler Daten und Axios implementiert die Kapselung von Ajax.

axios ist eine Kapselung der Ajax-Technologie durch Versprechen, genau wie JQuery die Ajax-Kapselung implementiert.

Um es einfach auszudrücken: Die Ajax-Technologie realisiert die teilweise Datenaktualisierung von Webseiten und Axios realisiert die Kapselung von Ajax. Mit anderen Worten: jQuery kapselt die Anforderungstechnologie in Ajax und durch Versprechen wird Ajax in Axios gekapselt. Axios ist Ajax, und Ajax ist mehr als nur Axios.

Warum bei Ajax Axios verwenden?

Im aktuellen Front-End-MVVM-Modus eignet sich Axios besser für Datenanforderungen.

Erweitertes Wissen:

Ajax-Definition

Kurz gesagt, AJAX lädt Daten über den Hintergrund und zeigt sie auf der Webseite an, ohne die gesamte Webseite neu zu laden.

jQuery führt für uns natives Ajax aus. Ohne Kapselung, jetzt brauchen wir nur noch eine einfache Codezeile zur Implementierung der AJAX-Funktion. 1. Grundlegende Schnittstelle jQuery Ajax in node.js:

selbst programmiert für MVC, was nicht mit dem aktuellen Front-End-MVVM

basierend auf nativer XHR-Entwicklung übereinstimmt. Die Architektur von XHR selbst ist nicht klar, und es gibt bereits eine Alternative Um das gesamte JQuery-Projekt abzurufen, ist es zu groß. Es ist sehr unvernünftig, die gesamte JQuery nur mit Ajax einzuführen (Sie können den CDN-Dienst nicht nutzen, wenn Sie eine personalisierte Paketlösung übernehmen).

Native Verwendung von Axios:

    $.ajax({
      url:'',    //请求地址
      method:'',  //请求方式
      data:{},     //传参  无参可不写
      success:function(res){
        //请求成功的回调函数
      },
      error:function(err){
        //请求失败的回调函数
      }，
    })

Axios-Verknüpfung Methode:

    $.get(url,data,function(res){})
    $.post(url,data,function(res){})

Video-Tutorial-Empfehlung:

jQuery-Video-Tutorial

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