Ajax-Code-Formular funktioniert nicht am senden

Question

[okay, es tut mir leid, wenn ich eine doppelte Frage, aber ich bin nur neu zu Ajax, so habe ich irgendwie die Wörter während der Suche missbraucht. ] - Jquery Form Submit Keeps Refreshing

Ich kann nicht finden, was mit meinem Code falsch ist. Das ist meine Form Code:

<form id="UploadExcel" enctype="multipart/form-data" > 
          <input name="file" type="file" /> 
          <input id="submit" type="submit" value="Submit" /> 
         </form> 

dann diese meine Ajax-Form

$('#UploadExcel').submit(function(){ 
     $.ajax({ 
      url:'UploadServlet', 
      type:'POST', 
      dataType:'json', 
      data: $('#UploadExcel').serialize(), 
      success: function(data){ 
       if(data.isValid){ 
        $("#ShowSheets").modal("show"); 
       }else{ 
        alert('Please Put a Valid Excel Sheet'); 
       } 
      } 
     }); 
     return false; 
    }); 

alles neu geladen wird gerade ist, was ich glaube, nicht geschehen soll, da ich bin mit Ajax. Es gibt keine Fehler oder irgendetwas in der Konsole, so dass ich nicht glaube, ich habe ein Problem mit meinem Servlet ...

Answer 1

Verwendung preventDefault()

$('#UploadExcel').submit(function(e){ 
    e.preventDefault(); 
     $.ajax({ 
      url:'UploadServlet', 
      type:'POST', 
      dataType:'json', 
      data: $('#UploadExcel').serialize(), 
      success: function(data){ 
       if(data.isValid){ 
        $("#ShowSheets").modal("show"); 
       }else{ 
        alert('Please Put a Valid Excel Sheet'); 
       } 
      } 
     }); 
     return false; 
    }); 

Answer 2

Sie müssen cancel the default action (Formular) zuerst:

$('#UploadExcel').submit(function(e){ 
     // Prevent default action 
     e.preventDefault() 
     $.ajax({ 
      url:'UploadServlet', 
      type:'POST', 
      dataType:'json', 
      data: $('#UploadExcel').serialize(), 
      success: function(data){ 
       if(data.isValid){ 
        $("#ShowSheets").modal("show"); 
       }else{ 
        alert('Please Put a Valid Excel Sheet'); 
       } 
      } 
     }); 
     return false; 
    });