데 이 터 를 가 져 오 는 방식 JQ, fetch, ajax, axios 비교
$.ajax({
type: 'POST',
url: url,
data: data,
dataType: dataType,
success: function () {},
error: function () {}
});
1. 이 물건 은 거의 사용 되 지 않 지만 원래 의 XHR 의 복잡 한 포장 에 있어 좋 은 것 입 니 다. 2. 현재 의 MVVM 프레임 워 크 에 부합 되 지 않 는 사상 을 사용 하려 면 JQ 를 도입 해 야 합 니 다.
2. Fetch
try {
let response = await fetch(url);
let data = response.json();
console.log(data);
} catch(e) {
console.log("Oops, error", e);
}
1. fetch 는 promise 의 패키지 로 저 버 전 2. fetch 는 원생 모니터링 요청 의 진 도 를 지원 하지 않 습 니 다.
3.axios
axios({
method: 'get',
url: '/user',
data: {
}
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
Vue 2.0 이후 유 우 계 는 JQuery ajax 를 axios 로 교체 하 는 것 을 추천 합 니 다.
1. node. js 에서 http 요청 생 성 2. Promise API 지원 3. 클 라 이언 트 지원 CSRF 방지 4. 동시 요청 인 터 페 이 스 를 제공 합 니 다 (중요 하고 많은 작업 을 편리 하 게 합 니 다)
vue - resource
The plugin for Vue.js provides services for making web requests and handle responses using a XMLHttpRequest or JSONP.
Vue-resource
{
// GET /someUrl
this.$http.get('/someUrl').then(response => {
// get body data
this.someData = response.body;
}, response => {
// error callback
});
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
