拉拉维尔 :如何在从下拉列表中选择更改后加载Ajax数据 - Laravel : how to Load Ajax data after selected changes from dropdown?

Laravel : how to Load Ajax data after selected changes from dropdown?

我想在从文本框的下拉列表中选择一个值后加载一些 ajax 数据。

例如：从下拉列表中选择教师后，应加载教师剩余学分和credit_taken值。如何使用 ajax 执行此操作？

注意：这里教师值已从Ajax中选择的另一个下拉列表中选择

<script>
      $('#teacher').on('change',function(e){            
           var teach_id = $('#teacher option:selected').attr('value');
             var info=$.get("{{url('ajax-teach')}}",{teach_id:teach_id});
               info.done(function(data){     
                  $.each(data,function(index,subcatObj){
               /// Here will  be the loaded code   ///
                    });                    
        });
        info.fail(function(){
          alert('ok');
        });
       });
    </script>

这是我的控制器：

Route::get('ajax-teach',function(Request $request){ 
        $teach_id = $request::input(['teach_id']);          
        $teachers='App'Teacher::where('teacher_id','=',$teach_id)->get();
        return Response::json($teachers);   
});

这是视图页面：

<div class="form-group">
    <label for="">Teacher</label>
    <select class="form-control input-sm" required name="teacher_id" id="teacher" >
    <option value=""></option>
    </select>
</div> 

<div class="form-group">
  <label>Credit to be Taken</label>         
  <input type="text" name="credit_taken" id="credit_taken" class="form-control" required placeholder="Credit to be Taken">
</div>
<div class="form-group">
  <label>Remaining Credit</label>         
  <input type="text" name="remaining_credit" class="form-control" required placeholder="Remaining Credit">
</div>

在您的路线中（ routes/web.php ）

Route::get( '/ajaxteach', array(
    'as' => 'ajaxteach',
    'uses' => 'TeachController@get_teach'
) );

在您的控制器中（ app/Http/Controllers/TeachController.php ）

class TeachController extends Controller
{
    public function get_teach(Illuminate'Http'Request $request)
    {
        $teach_id = $request->get('teach_id');          
        $teachers='App'Teacher::where('teacher_id','=',$dept_id)->get();
        return response()->json(['response' => $teachers]);
    }
}

然后在 AJAX 脚本中，至少可以使用以下方法之一

在 JavaScript 代码中使用绝对网址

var base_url = 'http://localhost/laravel'
$.ajax({
       type: "GET",
       url : base_url+"/ajaxteach",
       data : dataString,
       success : function(data){
              console.log(data);
       }

将url()与路由一起使用

$.ajax({
       type: "POST",
       url : "{{url('ajaxteach')}}",
       data : dataString,
       success : function(data){
              console.log(data);
       }