이제 참고할만한 가치가 있는 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); }) }
위 내용은 제가 모두를 위해 정리한 내용입니다. 앞으로 모든 분들께 도움이 되길 바랍니다.
관련 기사:
classList가 두 개의 버튼 스타일 전환을 구현하는 방법
AngularJS를 사용하여 Excel 파일 다운로드 기능을 구현하는 방법
JS에서 다중 객체 이동을 구현하는 방법(자세한 튜토리얼)
위 내용은 Vue에서 ajax를 사용하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!