이 글은 주로 Vue 기반의 ajax 공개 방식을 공유합니다(자세한 설명). 참고할만한 가치가 있어 모두에게 도움이 되기를 바랍니다. 편집자를 따라 살펴보겠습니다. 모두에게 도움이 되기를 바랍니다.
코드의 중복을 줄이기 위해 동료들이 사용할 수 있도록 Ajax를 요청하는 공개 메소드를 추출하기로 결정했습니다.
이 메소드를 작성하기 위해 ES6 구문을 사용했습니다.
/** * @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); } }); }); }
콜백 함수를 통해 요청 결과를 반환합니다.
테스트 코드는 다음과 같습니다.
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); }) }
테스트에 합격했습니다!
관련 권장 사항:
C# 날짜 형식 변환을 위한 공용 메서드 클래스의 자세한 구현
위 내용은 Vue의 Ajax 공개 메소드 인스턴스에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!