Vue에서 Ajax 요청 공개 메소드를 만드는 방법

이번에는 Vue에서 ajax를 사용하여 공개 메소드를 요청하는 방법을 보여드리겠습니다. 다음은 실제 사례입니다. 살펴보겠습니다.

코드의 중복을 줄이기 위해 편집자는 참고용으로 Ajax를 요청하는 공개 방법을 추출하기로 한 결정을 소개하는 기사를 추천합니다.

이 메소드를 작성하기 위해 ES6 구문을 사용했습니다. rreee

요청 결과는

콜백 함수를 통해 반환됩니다.

테스트 코드는 다음과 같습니다.

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

테스트가 통과되었습니다!

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

Angular17의 사용자 정의 명령어 사용에 대한 자세한 설명

JS

vue+cli 단일 페이지 스캐폴딩 방법으로 변환하는 다중 페이지 비계

위 내용은 Vue에서 Ajax 요청 공개 메소드를 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!