Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/232.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/asp.net-mvc/16.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Laravel5-使用jQueryAjax的动态相关选择框_Javascript_Php_Jquery_Ajax_Laravel 5.2 - Fatal编程技术网

Javascript Laravel5-使用jQueryAjax的动态相关选择框

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();

在尝试填充属于酒店的房间列表时,我尝试使用jqueryajax开发一个动态依赖选择框

例如,当我从选择框中选择酒店时,下一个选择框应自动显示与该酒店关联的房间

然而,当我尝试使用Ajax实现时,我得到了500个内部服务器错误

我的Ajax代码如下所示

<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);
      }
  });