Ajoutez des composants axios via vue pour résoudre le problème des paramètres nuls dans la publication (tutoriel détaillé)-js tutoriel-php.cn

Ajoutez des composants axios via vue pour résoudre le problème des paramètres nuls dans la publication (tutoriel détaillé)

亚连

Libérer： 2018-06-01 11:35:39

original

2161 Les gens l'ont consulté

Maintenant, je vais partager avec vous un article sur l'ajout de composants axios basés sur vue pour résoudre le problème des paramètres nuls dans la publication. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde.

D’accord, préparons les marchandises.

1. Installer axios

npm install axios --save

Copier après la connexion

2. Ajouter un composant axios

import axios from &#39;axios&#39;
axios.defaults.headers.post[&#39;Content-Type&#39;] = &#39;application/x-www-form-urlencoded&#39;;
axios.defaults.baseURL = &#39;http://localhost:7878/zkview&#39;;
Vue.prototype.$ajax = axios;

Copier après la connexion

3. Obtenir la demande

testGet: function () {
 this.$ajax({
  method: &#39;get&#39;,
  url: &#39;/test/greeting&#39;,
  params: {
   firstName: &#39;Fred&#39;,
   lastName: &#39;Flintstone&#39;
  }
 }).then(function (response) {
  console.log(response);
 }).catch(function (error) {
  console.log(error);
 });
},

Copier après la connexion

4. >

testPost: function () {
    var params = new URLSearchParams();
    params.append(&#39;name&#39;, &#39;hello jdmc你好&#39;);
    params.append(&#39;id&#39;, &#39;2&#39;);
    this.$ajax({
     method: &#39;post&#39;,
     url: &#39;/test/greeting2&#39;,
     data:params
//     data: {id: &#39;3&#39;, name: &#39;abc&#39;}
    }).then(function (response) {
     console.log(response);
    }).catch(function (error) {
     console.log(error);
    })
   }

Copier après la connexion

5. Résultats en cours d'exécution :

6. Remarque :

Il existe deux façons de transmettre des paramètres lors de l'utilisation de la méthode post, l'une est la méthode normale et l'autre est la méthode json si l'arrière-plan l'accepte. Méthode ordinaire, puis utilisez la méthode ci-dessus.

Méthode formée commune

Paramètres de réception en arrière-plan :

var params = new URLSearchParams();
params.append(&#39;name&#39;, &#39;hello jdmc你好&#39;);
params.append(&#39;id&#39;, &#39;2&#39;);
data:params

Copier après la connexion

Méthode json

public Student greeting2(int id,String name) {

Copier après la connexion

Paramètres de réception en arrière-plan

data: {id: &#39;3&#39;, name: &#39;abc&#39;}

Copier après la connexion

Ce qui précède est ce que j'ai compilé pour tout le monde. J'espère que cela sera utile à tout le monde à l'avenir.

public Object greeting2(@RequestBody Object student) {

Copier après la connexion