2017-09-27 1 views
0

Code angulairePourquoi requête HTTP POST dans l'application Node nécessite l'actualisation lors de la soumission des données de formulaire

.state('studentInfo.newStudent', { 
      url : '/new/student', 
      templateUrl: 'students/new-student.html', 
      controller : function($state, $http){ 
      this.saveStudent = function(student){ 
       $http({method: 'POST', url: `/studentInfo/new`, data: {student}}).then(function(){ 
        $state.go('studentInfo'); 
     }); 

code express

app.post('/studentInfo/new', jsonParser, (request, response)=>{ 
    let students = mongoUtil.students(); 
    let newStudent = request.body.student; 
    students.save(newStudent, (err, res) =>{ 
    if(err){ 
     res.sendStatus(400); 
     } 
    res.sendStatus(201); 
     }); 
    }); 

Ma question ce code fonctionne pour la sauvegarde des données tout en soumettant une forme angulaire. Mais il faudra un rafraîchissement pour voir ma mise à jour sur

http://localhost:8181/#!/studentinfo 

encore que je pouvais fournir un état d'aller sur « studentinfo ». Ce que les modifications nécessitent pour mettre à jour la liste dans l'itinéraire 'studentinfo' pour voir mes données enregistrées actuelles sans actualiser le navigateur

+1

Vous pourriez retourner les données récemment mis à jour lors de l'enregistrement des données et mettre à jour tout de suite à votre avis –

+0

S'il vous plaît écrire du code pour même –

Répondre

1

Si vous renvoyez des données lors de l'envoi de la réponse et des données dans json et l'analyser en utilisant Angular et afficher sur l'affichage .

Vous devez renvoyer la variable newstudent en envoyant 201 en réponse en cas de succès.

Si vous me voulez écrire du code s'il vous plaît mentionner dans le commentaire ci-dessous ma réponse

+0

Oui s'il vous plaît écrivez code pour mieux comprendre ce que vous fourniriez une solution à ce problème. –