Javascript 尝试使用Ajax提交数据,而不使用select的on change事件加载页面
我正在尝试使用ajax提交所选值,以避免页面加载。即使使用“return false”,仍然会有页面加载数据已成功发布,但页面仍会刷新。Javascript 尝试使用Ajax提交数据,而不使用select的on change事件加载页面,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,我正在尝试使用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!
<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>
修复:删除两个:
location.reload();和
返回false;
修复了@JayBlanchardRemove
location.reload()提到的问题代码>,这将导致在AJAX成功时重新加载页面。此外,不需要返回false代码>嗯,位置.重新加载()
?删除该行,不需要返回false
还有什么location.reload()
应该做的?谢谢,@JayBlanchard删除return false和location。重新加载修复了我的问题。非常感谢您的快速响应。一旦代码消失,就不会触发重新加载。页面中的其他地方必须有代码。
$(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;
});
});