Maison  >  Article  >  interface Web  >  Comment gérer les paramètres nuls transmis en post dans Vue

Comment gérer les paramètres nuls transmis en post dans Vue

php中世界最好的语言
php中世界最好的语言original
2018-04-12 11:37:405572parcourir

Cette fois, je vais vous montrer comment gérer les paramètres nuls en post dans Vue. Quelles sont les précautions pour gérer les paramètres nuls en post dans Vue. Voici les cas pratiques. levez-vous et jetez un oeil.

D’accord, préparons les marchandises.

1. Installer axios

npm install axios --save

2. Ajouter un composant axios

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

3. obtenir la demande

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

4. demande de publication

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

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 accepte la méthode normale, utilisez la méthode ci-dessus.

Méthode de formation normale

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

Paramètres de réception backend :

public Student greeting2(int id,String name) {

mode json

data: {id: '3', name: 'abc'}

Réception des paramètres en arrière-plan

public Object greeting2(@RequestBody Object student) {

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur PHP. Site chinois !

Lecture recommandée :

springmvc ne peut pas accepter les paramètres lorsque axios envoie une requête

vue+axios interrompt la requête lors du changement pages Comment réaliser

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn