选择onChange Ajax从MySQL数据库中获取数据列表Laravel 5.4

Question

我有2个选择输入字段。

首先选择输入字段包含静态数据。

第二选择输入字段需要根据第一个输入字段选择值进行填充。

下面是我的代码

<select id="filter_type" name="filter_type" class="selectpicker form-control" style="width:30%;"> 
      <option value>Select Filter Type..</option> 
      <option value="abc">Abc</option> 
      <option value="def">Def</option> 
      <option value="ghi">Ghi</option> 
      <option value="jkl">Jkl</option> 
</select> 

<select id="search" name="search" class="selectpicker form-control" style="width:70%;" disabled="disabled"> 
     <option value>Select Filter type first..</option> 
</select> 

的Javascript

<script type="text/javascript"> 
$(document).ready(function() 
{ 
$("#filter_type").change(function() 
{ 
var id=$(this).val(); 
console.log(id); 
var dataString = 'id='+ id; 
console.log(dataString); 
$.ajax 
({ 
type: "GET", 
url: "{{url('/users/abc')}}", 
data: dataString, 
cache: false, 
success: function(data) 
{ 
    console.log(data); // I get error and success function does not execute 
} 
}); 

}); 

}); 
</script> 

控制器

public function get_onchange_data(Request $request) 
{ 
     if($id == 'abc') 
     { 
      $searches = Abc::select('field_name')->get(); 
      return response(view('/users/Def', compact('searches'))->render()); 
     } 
} 

我无法得到返回阿贾克斯数据。

我得到这个错误：

GET http://localhost:8000/users/abc?id=year&_=1496176229318 500 (Internal Server Error) 

我觉得我的条件，如果是错误的检查。我正在考虑$ id作为从dataString传递的值。

我不知道该怎么做。获取数据，将其与if条件进行比较，最后返回数据的数组结果。

编辑的代码

$("#filter_type").change(function() 
{ 
var id=$(this).val(); 
console.log("1:"+id); 
var dataString = '{id:'+ id+'}'; 
console.log("2:"+dataString); 
$.ajax 
({ 
type: "GET", 
url: "{{url('/users/abc')}}", 
data: dataString, 
cache: false, 
success: function(data) 
{ 
    console.log("3:"+data); 
} 
}); 

}); 

public function get_search_data(Request $request) 
{ 
    return response($request->input('id')); 
    } 

Answer 1

二/三的问题在这里：

1. 你有没有在你的方法的上下文中定义$id。通过你的请求对象$request->input('id');
2. 访问它，不要把你的数据作为一个字符串，将其作为一个对象data: {id: id}
3. 始终返回响应。如果该语句的计算结果为false，则该请求将不会被回答。