Daten gespeichert Zweimal in MongoDB

Question

Ich habe ein Formular newCompany hinzuzufügen, ich Daten senden AJAX etwa so:

Und hier ist die Post Route:

Und hier ist das Unternehmen Modell:

Das Problem ist, wenn ich neue Firma die Daten zweimal eingefügt, die erste ist 12 Felder ohne den Bildnamen !! und der zweite ist ein leeres Objekt! so:

Ich habe keine Ahnung und ich werde meinen Verstand verlieren! Hilfe bitte!

Answer 1

rufen Sie res.redirect('/company/create') beim Speichern, die HTTP302 an den Client sendet. Der Client löst dann die gleiche Route ein zweites Mal aus. Versuchen Sie, die Umleitung auf der Clientseite durchzuführen, nachdem Ihre Anforderung $.ajax() abgeschlossen wurde.

Answer 2

Schauen Sie dies, weil Sie Ihre Antwort auf Unternehmen umleiten/erstellen

router.post('/company/create', function(req, res, next){ 

    var newCompany = new Company({ 
    name: req.body.name, 
    address: req.body.address, 
    city: req.body.city, 
    country: req.body.country, 
    . 
    . 
    . 
    . 
    }); 

    Company.save(newCompany, function(err, response){ 
     if(err){ 
     console.log(err); 
     } 

     res.location('/home'); 
     res.redirect('/home'); 
    }); 
}); 

Wenn es nicht funktioniert, lassen Sie uns Ihr Modell sehen. das Problem kann dort sein

Answer 3

Ich hatte das gleiche Problem wie Sie und ich erreichte diesen Beitrag nach Ihrem Link auf Udemy.com Q & Ein Board auf Vortrag 37 des Kurses, den wir folgen.

Die Lösung für dieses Problem behandeln das "Senden" -Ereignis nicht klicken Ereignis für die Schaltfläche, es sieht aus wie der Code als Reaktion auf unseren Wunsch ausgeführt wird, Click-Ereignis zu behandeln, und dann führt es das natürliche Verhalten (und ausführen die Route-Handler wieder)

hier ist die komplette validate.js Datei, nur mit ‚Senden‘ das ‚Klick‘ ersetzen und dies sollte das Problem lösen:

$(document).ready(function(){ 

    $('#register').on('submit',function(e){ 

     var name  = $.trim($('#name').val()); 
     var address = $.trim($('#address').val()); 
     var city  = $.trim($('#city').val()); 
     var country = $.trim($('#country').val()); 
     var sector = $.trim($('#sector').val()); 
     var website = $.trim($('#website').val()); 
     var img  = $.trim($('#upload-input').val()); 

     var isValid = true; 

     if(name == ''){ 

      isValid = false; 
      $('#errorMsg1').html('<div class="alert alert-danger">Company name can\'t be empty</div>'); 
     } 

     if(address == ''){ 

      isValid = false; 
      $('#errorMsg2').html('<div class="alert alert-danger">address can\'t be empty</div>'); 
     } 

     if(city == ''){ 

      isValid = false; 
      $('#errorMsg3').html('<div class="alert alert-danger">City can\t be empty</div>'); 
     } 

     if(country == ''){ 

      isValid = false; 
      $('#errorMsg4').html('<div class="alert alert-danger">Country can\'t be empty</div>'); 
     } 

     if(sector == ''){ 

      isValid = false; 
      $('#errorMsg5').html('<div class="alert alert-danger">Sector can\'t be empty</div>'); 
     } 

     if(country == ''){ 

      isValid = false; 
      $('#errorMsg6').html('<div class="alert alert-danger">Website can\'t be empty</div>'); 
     } 

     if(isValid == false){ 

      return false; 

     }else{ 

      var newCompany = { 
       name:  name, 
       address:  address, 
       city:  city, 
       country:  country, 
       sector:  sector, 
       website:  website, 
       img:   img 
      }; 

      $.ajax({ 
       url:   '/company/create', 
       type:  'POST', 
       data:  newCompany, 
       success:  function(){ 

        $('#name').val(''); 
        $('#address').val(''); 
        $('#city').val(''); 
        $('#country').val(''); 
        $('#sector').val(''); 
        $('#website').val(''); 
        $('#upload-input').val(''); 
       } 
      }); 

     } 

    }) 
});