1.fetch
fetch connu comme alternatives AJAX apparaissent dans ES6, ES6 utiliser la promesse d'un objet. Fetch est basée sur la promesse de la conception. Code Fetch structure beaucoup plus simple que ajax, paramètres un peu comme ajax jQuery. Cependant, il faut se rappeler que
plus n'est pas package ajax chercher, mais les js indigènes, ne pas utiliser l'objet XMLHttpRequest
.
chercher les avantages suivants:
1. Rencontrez la séparation des préoccupations, pas d' entrée, de sortie et les événements d'état pour suivre des objets dans le mélange dans une
formulation 2 meilleure et plus pratique
utilisation spécifique:
fetch ( 'http: // localhost: 8181 / MessageBoard / messages', {méthode: 'GET', en-têtes: { '-type de contenu': 'application / json'}})
.alors (réponse => response.json ())
.alors (JSON => {
console.log (json);
})
1.axios
Après Vue2.0, en particulier la pluie de la rivière est recommandé de remplacer JQuery ajax avec Axios, sans doute pour que Axios dans les yeux de beaucoup de gens.
Axios HTTP est une promesse basée sur un navigateur pour nodejs et, en substance, est l'emballage du XHR natif, mais il est une version mise en œuvre de la Promesse, conformément à la dernière spécification ES, qui a lui - même les caractéristiques suivantes:
1. Dans le navigateur créer navire XMLHttpRequest
2. charge l'API Promise
3. support client Prevent CSRF
4. requêtes simultanées fournit une interface (importante, beaucoup de fonctionnement de commodité)
5. créer une demande http de Node.js
6. la interception de demande et la réponse
7 la demande de conversion et des données de réponse
8. demande d'annulation
9. convertir automatiquement les données JSON
PS: Prevent CSRF: est de faire toutes vos demandes avec get de la clé des cookies, en fonction de la politique d'origine navigateur, le site est faux vous devez obtenir la clé de cookies, de sorte que vous pouvez facilement identifier le contexte de cette demande est trompeuse entrée utilisateur sur le site Web de faux afin de prendre la bonne stratégie.
Axios HTTP est une promesse basée sur un navigateur pour nodejs et, en substance, est l'emballage du XHR natif, mais il est une version mise en œuvre de la Promesse, conformément à la dernière spécification ES, qui a lui - même les caractéristiques suivantes:
1. Dans le navigateur créer navire XMLHttpRequest
2. charge l'API Promise
3. support client Prevent CSRF
4. requêtes simultanées fournit une interface (importante, beaucoup de fonctionnement de commodité)
5. créer une demande http de Node.js
6. la interception de demande et la réponse
7 la demande de conversion et des données de réponse
8. demande d'annulation
9. convertir automatiquement les données JSON
PS: Prevent CSRF: est de faire toutes vos demandes avec get de la clé des cookies, en fonction de la politique d'origine navigateur, le site est faux vous devez obtenir la clé de cookies, de sorte que vous pouvez facilement identifier le contexte de cette demande est trompeuse entrée utilisateur sur le site Web de faux afin de prendre la bonne stratégie.
utilisation spécifique:
Tout d'abord, le projet Vue, entrez add Vue Axios
Ensuite, vous pouvez utiliser:
axios.get ( 'http: // localhost: 8181 / MessageBoard / messages)
.alors (réponse => {
console.log (response.data)
})
références: