嘗試使用 Ajax 提交數據，而不加載頁面，並更改 select 事件

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

刪除location.reload(); ，這會導致頁面在 AJAX 成功時重新加載。 此外，不需要return false;