Vue js 2 & Axios Requête Post - Formulaire
Je suis en train de poster mon formulaire à l'aide d'axios, mais je ne suis pas en mesure d'obtenir les données de mon serveur cible en utilisant expressjs
C'est ce que je fais:
<template>
<form class="" method="post" @submit.prevent="postNow">
<input type="text" name="" value="" v-model="name">
<button type="submit" name="button">Submit</button>
</form>
</template>
export default {
name: 'formPost',
data() {
return {
name: '',
show: false,
};
},
methods: {
postNow() {
axios.post('http://localhost:3030/api/new/post', {
headers: {
'Content-type': 'application/x-www-form-urlencoded',
},
body: this.name,
});
},
components: {
Headers,
Footers,
},
};
backend fichier:
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));
router.post('/new/post', (req, res) => {
res.json(console.log("this is working" + ' ' + req.body.name));
});
L'erreur que je reçois est:
this is working undefined
posti
n'est pas définie n'importe où et utilisées ici body: this.posti
Désolé, j'ai mis à jour ma question, il devrait être présent.nom
Oh, j'ai juste remarqué: votre méthode n'est pas à l'intérieur de
methods
objet. Mettre à l'intérieur methods
avec data
, components
etc.désolé pour ça, j'ai beaucoup plus de composants et les méthodes et lors de la modification pour le rendre sûr, j'ai accidentellement supprimé. Juste mis à jour!
OriginalL'auteur Marketingexpert | 2017-05-04
Vous devez vous connecter pour publier un commentaire.
Axios
post
format:axios.post(url[, data[, config]])
Votre demande doit être:
Violon: https://jsfiddle.net/wostex/jsrr4v1k/3/
comment gérez-vous la valeur sans clé?
que voulez-vous dire? Pouvez-vous l'expliquer?
Je veux dire, vous êtes à la publication".nom," qui est une valeur .Mais comment accéder à la valeur sur le côté serveur, comme je suis à l'aide de python/django. Je dois écrire une demande.POST.get('key') .quelle serait la clé ? @EgorStambakio
vous pouvez poster
{ name: this.name }
au lieu dethis.name
ensuite.OriginalL'auteur Egor Stambakio