Detaillierte Erläuterung der öffentlichen Ajax-Methodeninstanz von Vue

Dieser Artikel teilt hauptsächlich eine auf Vue basierende öffentliche Ajax-Methode (ausführliche Erklärung). Sie hat einen guten Referenzwert und ich hoffe, dass sie für alle hilfreich ist. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.

Um die Redundanz des Codes zu reduzieren, haben wir beschlossen, die öffentliche Methode zum Anfordern von Ajax für die Verwendung durch Kollegen zu extrahieren.

Ich habe die ES6-Syntax verwendet, um diese Methode zu schreiben.

/**
  * @param type 请求类型，分为POST/GET
  * @param url 请求url
  * @param contentType
  * @param headers
  * @param data
  * @returns {Promise<any>}
  */
 ajaxData: function (type, url, contentType, headers, data) {
  return new Promise(function(resolve) {
   $.ajax({
    type: type,
    url: url,
    data: data,
    timeout: 30000, //超时时间：10秒
    headers: headers,
    success: function(data) {
     resolve(data);
    },
    error: function(XMLHttpRequest, textStatus, errorThrown) {
     resolve(XMLHttpRequest);
    }
   });
  });
 }

Gibt das Anfrageergebnis über die Rückruffunktion zurück.

Der Testcode lautet wie folgt:

getAjaxDataMethod: function () {
    const url = "";
    const type = "POST";
    const contentType = "application/json";
    const headers = {};
    const data = {};
    Api.ajaxData(type, url, contentType, headers, data).then(function (res) {
     console.log(res);
    }).catch(function (err) {
     console.log(err);
    })
   }

Test bestanden!

Verwandte Empfehlungen:

Vollständige Beispielfreigabe von Ajax-Operationen in JQuery

9 empfohlene Artikel über öffentliche Methoden

Detaillierte Implementierung der öffentlichen Methodenklasse für die C#-Datumsformatkonvertierung

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der öffentlichen Ajax-Methodeninstanz von Vue. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!