Maison > Article > interface Web > Comment rendre la méthode publique de requête ajax dans Vue
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!