none
¿Como mandar un json por post en vue js? RRS feed

  • Pregunta

  • Hola chicos estoy buscando ayuda, sigo un tutorial en cual los datos se envían en un formData, pero, quisiera ver si alguien me podría apoyar con un ejemplo o información de como mandarlos en json, dejo en la parte de abajo del como los envío ahora.

    guardarUsuario(){
                var router = this.$router;
                const formData = new FormData();
                formData.append('nombre',this.user.nombre);
                formData.append('fechaNacimiento',this.user.fechaNacimiento);
                formData.append('email',this.user.email);
                formData.append('usuario',this.user.usuario);
                formData.append('pass',this.user.pass);
                formData.append('rol',this.user.rol);
                axios.post('http://contago.dynns.com/api/AppWeb/CreaUsuarioN',formData)
                .then(()=>{
                    router.push('/usuarios');
                    console.log(formData);
                })
                .catch(function(error){
                console.log(error);
            });

    viernes, 16 de octubre de 2020 18:45

Todas las respuestas

  • Hola JDaniel Jiménez

    Estuve buscando en internet y lo que encontré fue algo muy similar a como tu lo estás trabajando. Lo único que leí y me llamó mucho la atención es que recomiendan trabajar con formdata.

    How to post JSON object to web-server in vuejs?

    Vuejs: Axios post JSON data and Image data

    Saludos

    --------------------------------------------------------------------------------

    Por favor recuerde "Marcar como respuesta" las respuestas que hayan resuelto su problema, es una forma común de reconocer a aquellos que han ayudado, y hace que sea más fácil para los otros visitantes encontrar la solución más tarde.

    Si tiene algún cumplido o reclamo sobre el soporte de MSDN sientase en la libertad de contactar  MSDNFSF@microsoft.com. 

    lunes, 19 de octubre de 2020 16:56
  • Hola JDaniel Jiménez

    Estuve buscando en internet y lo que encontré fue algo muy similar a como tu lo estás trabajando. Lo único que leí y me llamó mucho la atención es que recomiendan trabajar con formdata.

    How to post JSON object to web-server in vuejs?

    Vuejs: Axios post JSON data and Image data

    Saludos

    --------------------------------------------------------------------------------

    Por favor recuerde "Marcar como respuesta" las respuestas que hayan resuelto su problema, es una forma común de reconocer a aquellos que han ayudado, y hace que sea más fácil para los otros visitantes encontrar la solución más tarde.

    Si tiene algún cumplido o reclamo sobre el soporte de MSDN sientase en la libertad de contactar  MSDNFSF@microsoft.com. 

    Gracias por contestar
    lunes, 19 de octubre de 2020 20:43
  • Lo que muestras aquí en realidad no es Vue sino javascript, si vas a usar Vue, tus campos html deberían estar asociados a un objeto de datos usando la directiva v-model, de manera tal que lo unico tendrías que hacer es enviar el objeto de datos en el post.
    lunes, 19 de octubre de 2020 21:33
  • y podrias mostrar el controlador? para ver como lo tienes adornado, yo lo utilizo como tu lo estas haciendo solo con una función para convertir el data del vue a un FormData, pero del lado del controlador no lo tengo adornado con [HttpPost] porque caso contrario no recibe nada.

    Marvin E. Pineda

      ComboBoxMultiColumns

     NetBarControl

      TextEditor

    miércoles, 21 de octubre de 2020 21:15