尝试使用 Ajax 提交数据而无需页面加载和选择的更改事件

Question

我正在尝试使用 ajax 提交选定的值以避免页面加载。即使使用“return false”；仍然有页面加载。数据发布成功，但页面仍然刷新。<div style='display:none;' id='RCTruckTH' name='RCTruckTH'><br><label>Height in meters *</label>    <select class="form-control" style="max-width:300px!important;" id='RCTruckHV' name='RCTruckHV'>         <option <?php if(isset($_SESSION['RCTruckHV']) && $_SESSION['RCTruckHV'] == "1.8m") echo "selected";?>>1.8m</option>         <option <?php if(isset($_SESSION['RCTruckHV']) && $_SESSION['RCTruckHV'] == "1.9m") echo "selected";?>>1.9m</option>         <option <?php if(isset($_SESSION['RCTruckHV']) && $_SESSION['RCTruckHV'] == "2.0m") echo "selected";?>>2.0m</option>    </select></div>$(document).ready(function(){      $('#RCTruckHV').on('change', function() {            var rcheival = $selected_value=$('#RCTruckHV option:selected').text();            localStorage.setItem('rcheival', rcheival);            //console.log(rcheival);                $.ajax({                   url: 'RDSetSession.php',                   type: 'get',                   data: {                             'rcheival': rcheival                         },                         success: function() {                         location.reload();                     }               });           return false;     });});FIX：同时删除：location.reload(); 并返回假；解决了@JayBlanchard 提到的问题

Answer 1

Remove location.reload();，这会导致页面在 AJAX 成功时重新加载。此外，无需return false;