Javascript Laravel5-使用jQueryAjax的动态相关选择框
在尝试填充属于酒店的房间列表时,我尝试使用jqueryajax开发一个动态依赖选择框 例如,当我从选择框中选择酒店时,下一个选择框应自动显示与该酒店关联的房间 然而,当我尝试使用Ajax实现时,我得到了500个内部服务器错误 我的Ajax代码如下所示Javascript Laravel5-使用jQueryAjax的动态相关选择框,javascript,php,jquery,ajax,laravel-5.2,Javascript,Php,Jquery,Ajax,Laravel 5.2,在尝试填充属于酒店的房间列表时,我尝试使用jqueryajax开发一个动态依赖选择框 例如,当我从选择框中选择酒店时,下一个选择框应自动显示与该酒店关联的房间 然而,当我尝试使用Ajax实现时,我得到了500个内部服务器错误 我的Ajax代码如下所示 <script type="text/javascript"> $("select[name='hotel_id']").change(function(){ var hotel_id = $(this).val();
<script type="text/javascript">
$("select[name='hotel_id']").change(function(){
var hotel_id = $(this).val();
var token = $("input[name='_token']").val();
$.ajax({
url: "<?php echo route('select-ajax') ?>",
method: 'POST',
data: {hotel_id:hotel_id, _token:token},
success: function(data) {
$("select[name='room_id'").html('');
$("select[name='room_id'").html(data.options);
}
});
});
下面也是ajax选择视图
<option>--- Select Room ---</option>
@if(!empty($hotel_rooms))
@foreach($hotel_rooms as $key => $value)
<option value="{{ $key }}">{{ $value }}</option>
@endforeach
@endif
最后,下面是带有两个选择选项的创建预订视图
<label>Select Hotel:</label>
<select class="form-control" name="hotel_id">
<option>-- Select Hotel -- {{ $hotels->count() }}</option>
@foreach($hotels as $hotel)
<option value="{{ $hotel->id }}">{{$hotel->hotel_name }}</option>
@endforeach
</select>
<label>Select Room:</label>
{!! Form::select('room_id',[''=>'--- Select Room ---'],null,['class'=>'form-control']) !!}
非常感谢你的帮助
谢谢尝试在数据中添加“POST”方法
$.ajax({
url: "<?php echo route('select-ajax') ?>",
method: 'POST',
data: {_method:'POST',hotel_id:hotel_id, _token:token},
success: function(data) {
$("select[name='room_id'").html('');
$("select[name='room_id'").html(data.options);
}
});
你能告诉我们你的错误吗?jquery.min.js:4 POST 500 Internal Server error@usrnotfound尝试先在控制器中添加一些东西,然后逐行调试。你也可以把错误信息不突出500。500美元的原因有几个。
$.ajax({
url: "<?php echo route('select-ajax') ?>",
method: 'POST',
data: {_method:'POST',hotel_id:hotel_id, _token:token},
success: function(data) {
$("select[name='room_id'").html('');
$("select[name='room_id'").html(data.options);
}
});