Was ist der Unterschied zwischen Jquery und Ajax in Vue?

Unterschied: 1. Die Ajax-Methode in JQuery kann direkt aufgerufen werden, sie kann jedoch nicht direkt in Vue aufgerufen werden, da Vue selbst keine Ajax-Anforderungen unterstützt und mithilfe bestimmter Plug-Ins implementiert werden muss Führen Sie asynchrone HTTP-Anfragen in jquery aus. Die Syntax lautet: „$.ajax({type:...,url:...,data:...,success:...,dataType:...})“, und die Syntax des Plug-Ins in Vue lautet „axios. get(url...)“.

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

Was ist der Unterschied zwischen Ajax in JQuery und Vue?

Ajax in JQuery

Ajax()-Methode wird zum Ausführen von AJAX-Anfragen (asynchrones HTTP) verwendet.

1.$.ajax() ist die unterste Ajax-Implementierung in jQuery, und die höheren Ebenen sind die Methoden $.get und $.post.

$(document).ready(function(){
  $("#b01").click(function(){
  htmlobj=$.ajax({url:"/jquery/test1.txt",async:false});
  $("#myDiv").html(htmlobj.responseText);
  });
});

2.$.get-Methode, die Operation, wenn die Die Anfrage ist erfolgreich, wenn eine Anfrage fehlschlägt. Verwenden Sie beim Betrieb $.ajax() Abkürzung für Folgendes: 4. $. getJSON () Formularinhalt in eine Zeichenfolge umwandeln;

.serializeArray() serialisiert Formularelemente und gibt JSON-Datenstrukturdaten zurück.

Ajax in VUE

vue selbst unterstützt keine Ajax-Anfragen. Sie müssen Vue-Ressource und das Axios-Plug-In verwenden.

vue2 empfiehlt offiziell Axios, einen auf Promise basierenden HTTP-Anfrage-Client, und Vue-Ressource wird nicht mehr gepflegt und aktualisiert;

$(selector).get(url,data,success(response,status,xhr),dataType)
$("button").click(function(){
  $.get("demo_ajax_load.txt", function(result){
    $("div").html(result);
  });
});

Methode zur Parameterübergabe:

1. Parameter über URL übergeben

2. Parameter über Parameteroptionen übergeben

axios.post(url,data,[options]);

Wann axios sendet standardmäßig Daten. Das Datenformat ist Request Payload, nicht unser häufig verwendetes Formulardatenformat.

Daher müssen die Parameter in Form von Schlüssel-Wert-Paaren übergeben werden, nicht in Form von JSON.

 Methode zur Parameterübergabe :

1. Spleißen Sie sie selbst in Schlüssel-Wert-Paare zusammen

2. Verwenden Sie transformRequest, um die Anforderungsdaten vor dem Senden der Anfrage zu konvertieren

3. Wenn Sie modulare Entwicklung verwenden, können Sie das qs-Modul für die Konvertierung verwenden

axios selbst unterstützt das Senden domänenübergreifender Anfragen nicht und stellt keine entsprechende API bereit. Der Autor hat nicht vor, Unterstützung für das Senden domänenübergreifender Anfragen in Axios hinzuzufügen, daher kann er nur Bibliotheken von Drittanbietern verwenden

Empfohlenes Video-Tutorial:

jQuery Video-Tutorial

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