Prevent Seite neu geladen, wenn

Question

Meine Form einreichen:

<form method="get" id="myform"> 
    <div id="Exam" class="sel_1" style="display:none; margin-left: 15%; margin-top: -60px;"> 
     <select name='field' class='field' id="field"> 
     <option value="">Select Field</option> 
     <option value='All'>All</option> 
     <option value='engineering'>Engineering</option> 
     <option value='law'>LAW</option> 
     <option value='medical'>Medical</option> 
     <option value='management'>Management</option> 
     <option value='pharmacy'>Pharmacy</option> 
     <option value='hotel management'>Hotel Management</option> 
     <option value='mass communication'>Mass Communication</option> 
     <option value='agriculture'>Agriculture</option> 
     <option value='architecture'>Architecture</option> 
     <option value='education'>Education</option> 
     <option value='paramedical'>Paramedical</option> 
     <option value='design'>Design</option> 
     <option value='commerce'>Commerce</option> 
     <option value='film/tV/media'>Film /TV/ Media</option> 
     <option value='General'>General</option> 
     </select> 

    <select name="exams" id="exams" style="width: 17%;"> 
     <option value="">Select Exam</option> 
    </select> 
    <button type="submit" name="submit" id="submit" > 
     <i class="fa fa-search" style="color:red"></i> 
    </button> 
    </div> 
</form> 

In diesem Fall, wenn ich wieder auf die Schaltfläche Neuladen der Seite klicken. Ich hatte bereits verwenden

<form method="get" id="myform" onsubmit="return false"> 

aber diese Funktionalität Taste funktioniert nicht gibt es eine andere Methode, um dieses Problem zu entfernen, bitte helfen Sie mir.

Danke

Answer 1

bereits.

$('#myform').submit(function(e) { 
    e.preventDefault(); 
    return false; 
    //Use ajax for submit 
}); 

Denken Sie daran, diesen Code in einer Ready-Funktion zu setzen.

$('#myform').on('submit', function(){ 
    e.preventDefault(); 

    $.get('url', { $(this).serialize() }, function(server_response){ 
      //success callback 
    }) 
}) 

Oder auch:

Answer 2

Versuchen Sie, für die Verwendung von Ajax-Anforderung einzureichen

$('#myform').on('submit', function(){ 
    e.preventDefault(); 

    $.ajax({ 
     method: "GET", 
     url: "url.php", 
     data: $(this).serialize() 
    }) 
    .done(function(msg) { 
     alert("Seuccess"); 
    }); 
}) 

Hoffnung, das hilft.