Как поместить значение 'id' в URL AJAX?

Question

У меня был выбор зависимого выпадающего меню на странице редактирования для редактирования профиля персонала.Представление для выбора выглядит следующим образом:

<div class="form-group">
          <div class="row">
            <div class="col-lg-3">
              <label for="kategori">Kategori:</label>
            </div>
            <div class="col-lg-4"> 
              <select name="kategori" class="form-control select2" style="width:250px">
                  <option value="">--- pilih ---</option>
                  @foreach ($categories as $key => $value)
                  <option value="{{ $key }}">{{ $value }}</option>
                  @endforeach
              </select>
            </div>
          </div>
        </div>
        <div class="form-group">
            <div class="row">
              <div class="col-lg-3">
                <label for="pangkat">Pangkat:</label>
              </div>
              <div class="col-lg-4"> 
                <select name="pangkat" class="form-control select2"style="width:250px">
                <option>--pilih--</option>
                </select>
              </div>
            </div>
        </div>

Сценарий ajax выглядит следующим образом:

<script type="text/javascript">
jQuery(document).ready(function ()
{
        jQuery('select[name="kategori"]').on('change',function(){
           var CatID = jQuery(this).val();
           if(CatID)
           {
              jQuery.ajax({
                 url : '/edit_profil/{id}/getpangkat/' +CatID,
                 type : "GET",
                 dataType : "json",
                 success:function(data)
                 {
                    console.log(data);
                    jQuery('select[name="pangkat"]').empty();
                    jQuery.each(data, function(key,value){
                       $('select[name="pangkat"]').append('<option value="'+ key +'">'+ value +'</option>');
                    });
                 }
              });
           }
           else
           {
              $('select[name="pangkat"]').empty();
           }
        });
});
</script>

Это код маршрута к странице редактирования, а также к значению выбора:

Route::get('/edit_profil/{id}', 'Modul\ProfilController@edit')->name('editProfil');

Route::get('edit_profil/{id}/getpangkat/','Modul\ProfilController@getpangkat');

Контроллер для страницы редактирования:

$dataItemregistration = DB::table('itemregistrations')
                            ->join('sections', 'itemregistrations.sectionid', '=', 'sections.sectionid')
                            ->join('categories', 'itemregistrations.categoryid', '=', 'categories.categoryid')
                            ->join('sandaran', 'itemregistrations.sandarid', '=', 'sandaran.sandarid')
                            ->join('statusrumah', 'itemregistrations.statusrumahid', '=', 'statusrumah.statusrumahid')
                            ->join('bangsa', 'itemregistrations.bangsaid', '=', 'bangsa.bangsaid')
                            ->join('kahwin', 'itemregistrations.kahwinid', '=', 'kahwin.kahwinid')
                            ->join('agama', 'itemregistrations.agamaid', '=', 'agama.agamaid')
                            ->join('jantina', 'itemregistrations.jantinaid', '=', 'jantina.jantinaid')
                            ->join('negeri', 'itemregistrations.negeriid', '=', 'negeri.negeriid')
                            ->join('statuspro', 'itemregistrations.statusproid', '=', 'statuspro.statusproid')
                            ->join('statuspengundi', 'itemregistrations.statuspengundiid', '=', 'statuspengundi.statuspengundiid')
                            ->join('kategori_bank', 'itemregistrations.bankid', '=', 'kategori_bank.bankid')
                            ->join('operasi', 'itemregistrations.operasiid', '=', 'operasi.operasiid')
                            ->select('itemregistrations.*', 'sections.sectionname', 'categories.categoryname', 'sandaran.sandarname', 'statusrumah.status_rumah_semasa', 'bangsa.bangsaname','kahwin_status', 'agamaname', 'jantinaname', 'negeriname', 'statusproname', 'statusmengundi', 'bankname', 'operasiname')
                            ->where('itemregistrations.itemregistrationid', $id)
                            ->first();

$categories = DB::table('categories')->pluck("categoryname","CategoryID");

 return view('profil.edit', compact('dataItemregistration', 'categories', 'id'));

Контроллер для getpangkat:

public function getpangkat($id) 
{        
    $operasi = DB::table("operasi")->where("CategoryID",$id)->pluck("operasiname","OperasiID");

    return json_encode($operasi);
}

У меня была проблема с получением значения зависимого выпадающего меню из-заURL-путь.Путь к странице редактирования содержит идентификатор персонала, например, такой: "http://127.0.0.1:8000/edit_profil/194",, но я не знаю, как установить URL-адрес в вызове ajax, содержащий значение идентификатора персонала.

Как изменить кодполучить зависимый выпадающий список?

Answer 1

Измените ваш ajax url на это, так как вам нужно передать id между /edit_profil/ и /getpangkat/

url : 'edit_profil/{{ $id }}/getpangkat/' +CatID,

, и в вашем маршруте вам нужно указать переменную CatID также

Route::get('edit_profil/{id}/getpangkat/{CatID}','Modul\ProfilController@getpangkat');

А в твоих функциях

public function getpangkat($id, $CatID) 
{        
$operasi = DB::table("operasi")->where("CategoryID",$CatID)->pluck("operasiname","OperasiID");

return json_encode($operasi);
}

Надеюсь, это поможет!