Maison > interface Web > js tutoriel > Explication détaillée de l'instance de méthode publique ajax de Vue

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

小云云
Libérer: 2018-01-24 10:23:51
original
1547 Les gens l'ont consulté

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);
    }
   });
  });
 }
Copier après la connexion

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);
    })
   }
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal