Maison  >  Article  >  interface Web  >  Comment rendre la méthode publique de requête ajax dans Vue

Comment rendre la méthode publique de requête ajax dans Vue

php中世界最好的语言
php中世界最好的语言original
2018-04-13 11:52:323635parcourir

Cette fois, je vais vous montrer comment Vue exécute la méthode publique de requête ajax. Quelles sont les précautions pour que Vue exécute la méthode publique de requête ajax Voici un cas pratique, jetons un coup d'œil.

Afin de réduire la redondance du code, l'éditeur recommande un article qui introduit la décision d'extraire la méthode publique de demande d'ajax pour votre référence.

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);
    }
   });
  });
 }

Le résultat de la requête est renvoyé 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 !

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Explication détaillée de l'utilisation des instructions personnalisées dans Angular17

Explication détaillée de l'utilisation d'EventLoop en JS

Comment convertir un échafaudage d'une seule page vue+cli en un échafaudage de plusieurs pages

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!

Déclaration:
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