Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

164
Visualizações
No se pueden enviar datos de React a Springboot

No pude guardar los datos en la base de datos. No puedo entender cuál es el problema. La API funciona cuando se probó con Postman. Quiero almacenar los valores de nombre, fecha de nacimiento, aula, división y género en la base de datos.

 <center><button type="submit" className="btn btn-primary" onClick={this.addStudent}>Register</button></center>

onClick en el elemento del botón llamará a la siguiente función addStudent().

 addStudent (e) { let studentData = { name: this.state.name, dob: this.state.dob, classroom: this.state.classroom, division: this.state.division, gender: this.state.gender }; JSON.stringify(studentData); ApiService.getStudents(studentData).then((response) => { console.log(response); }); }

ApiService() se proporciona a continuación:

 import axios from "axios"; const SAVE_DATA = "http://localhost:8080/api/save" const STUDENT_DATA = "http://localhost:8080/api/students" class ApiService { saveStudent(studentData) { console.log("Inside saveStudent()") return axios.post(SAVE_DATA, studentData); } getStudents() { return axios.get(STUDENT_DATA); } } export default new ApiService();

El controlador API Springboot se proporciona a continuación:

 package com.student.registration.controller; import java.util.List; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.web.bind.annotation.CrossOrigin; import org.springframework.web.bind.annotation.RequestBody; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; import org.springframework.web.bind.annotation.RestController; import com.student.registration.entity.Student; import com.student.registration.services.RegServices; @CrossOrigin(origins = "http://localhost:3000") @RestController @RequestMapping(value = "/api") public class RegController { @Autowired RegServices services; @RequestMapping(value = "/save", method = RequestMethod.POST) public String saveData(@RequestBody Student student) { return services.save(student); } @RequestMapping(value = "/students") public List<Student> getAllStudents() { return services.getAll(); } }
about 4 years ago · Juan Pablo Isaza
1 Respostas
Responde à pergunta

0

Reemplace su función de clic con esto porque está llamando a la función incorrecta desde su servicio API

 addStudent (e) { let studentData = { name: this.state.name, dob: this.state.dob, classroom: this.state.classroom, division: this.state.division, gender: this.state.gender }; studentData = JSON.stringify(studentData); ApiService.saveStudent(studentData).then((response) => { console.log(response); }).catch((error) => console.log(error)); }

y agregue async/await en su servicio

 import axios from "axios"; const SAVE_DATA = "http://localhost:8080/api/save" const STUDENT_DATA = "http://localhost:8080/api/students" class ApiService { async saveStudent(studentData) { console.log("Inside saveStudent()") return await axios.post(SAVE_DATA, studentData); } async getStudents() { return await axios.get(STUDENT_DATA); } } export default new ApiService();
about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda