0
602
Vistascómo enviar datos desde un formulario de datos en axios
Estoy tratando de enviar un formulario a un punto final, pero me sale un error prohibido 403, y ya probé con una prueba de API y el punto final funciona perfectamente.
const SendData = (event) => { event.preventDefault(); let respuestasUSer = new FormData(); respuestasUSer.set('curso', state.curso) respuestasUSer.set('nombre', state.nombre) respuestasUSer.set('q1', state.Pregunta1) respuestasUSer.set('q2', state.Pregunta2) respuestasUSer.set('q3', state.Pregunta3) respuestasUSer.set('q4', state.Pregunta4) respuestasUSer.set('q5', state.Pregunta5) respuestasUSer.set('q6', state.Pregunta6) respuestasUSer.set('q7', state.Pregunta7) respuestasUSer.set('q8', state.Pregunta8) axios({ method: "post", url: "https://covid.cit0.com/guardar/encuesta/", data: respuestasUSer, headers: { "Content-Type": "multipart/form-data" }, }) .then(function (response) { //handle success console.log(response); }) .catch(function (response) { //handle error console.log(response); }); } En la prueba de la api lo hago asi y me funciona, como podria pasar este mismo contenido a axios? 
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
Si está utilizando reaccionar como front-end
primero configura el evento onchange en el campo de texto de entrada como
<form> <input type="text" name="first_name" placeholder="first name" onChange={handlechange} />Crear
define esa función handlechange como
function handlechange (e) { const {name,value} = e.target setstate({...state,[name]:value}) }// antes de eso quiero definir el estado como const [estado, establecer estado] = useState ({})
luego defina la función handleclick como
function handleclick (e) { e.preventDefault() axios.post('/super_admin/newuser',state).then((res)=>{ console.log(res.data) }).catch(err=>{ console.log(err.response.data) }) }aquí está el código completo
import {useState, } from 'react' import axios from 'axios' export default function Newuser() { const [state, setstate] = useState({}) function handlechange (e) { const {name,value} = e.target setstate({...state,[name]:value}) } function handleclick (e) { e.preventDefault() axios.post('/your api',state).then((res)=>{ console.log(res.data) }).catch(err=>{ console.log(err.response.data) }) } return ( <div> <form> <input type="text" name="first_name" placeholder="first name" onChange={handlechange} /> <button onClick={handleclick}>Create</button> </form> </div> ) }
·
Juan Pablo Isaza
Denunciar
0
para enviar datos de formulario, puede editar la función handleclick a algo como esto
function handleclick (e) { e.preventDefault() const fd = new FormData() fd.append('first_name',state.first_name) axios.post('/your api',fd).then((res)=>{ console.log(res.data) }).catch(err=>{ console.log(err.response.data) }) }
·
Juan Pablo Isaza
Denunciar
Responde la pregunta