Explication détaillée de l'instance de méthode publique ajax de Vue

Cet article partage principalement une méthode publique ajax basée sur Vue (explication détaillée). Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde. Suivons l'éditeur et jetons un œil. J'espère que cela pourra aider tout le monde.

Afin de réduire la redondance du code, nous avons décidé d'extraire la méthode publique de demande d'ajax pour que les collègues puissent l'utiliser.

J'ai utilisé la syntaxe ES6 pour écrire cette méthode.

/**
  * @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);
    }
   });
  });
 }

Renvoyer le résultat de la requête via la fonction de rappel.

Le code du test est le suivant :

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 réussi !

Recommandations associées :

Exemple complet de partage d'opérations Ajax dans JQuery

9 articles recommandés sur les méthodes publiques

Implémentation détaillée de la classe de méthode publique pour la conversion du format de date C#

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!