提交时防止页面重新加载[重复]答案

【问题标题】：Prevent page reload when submit [duplicate]提交时防止页面重新加载[重复]
【发布时间】：2017-06-26 01:35:53
【问题描述】：

我的表格：

<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>

在这种情况下，当我再次单击按钮页面重新加载时。我已经用过

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

但是使用此功能按钮不起作用是否有任何其他方法可以解决此问题，请帮助我。

谢谢

【问题讨论】：

你必须使用ajax请求。
如果您不想重新加载页面，请查看 Ajax

标签： javascript php jquery html css

【解决方案1】：

尝试提交您的使用 ajax 请求：

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

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

也可以：

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

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

希望这会有所帮助。

【讨论】：

【解决方案2】：

试试这个。

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

请记住将此代码放在准备好的函数中。

【讨论】：