jQueryプラグインのロード機能に変数を渡す

Question

私はjQueryにはあまり良くないので、これは簡単な質問ですが、許してください。基本的には、jQueryプラグインの選択を使用してドロップダウンボックスの追加機能を使用しています。ドロップダウンのデータを取得するためにajaxコールを作成していますが、URLの一部として使用できるように変数をajax呼び出しに渡す必要があります。ここでは、コードは次のようになります。

$(document).ready(function() { 
    $("#dob").datepicker(); 

    var target_area = {!! json_encode($target_area->toArray()) !!}; 
    console.log(target_area.id); 
    $('#skills').selectize({ 
      valueField: 'id', 
      labelField: 'skill_name', 
      searchField: 'skill_name', 
      maxItems: null, 
      create: false, 
      options: [], 
      plugins:['option_click'], 
      preload: true, 
      load: function(target_area, callback) { 
       console.log(target_area); 
       $.ajax({ 
        url: 'http://rti.dev/skills/target_area/'+target_area.id, 
        type: 'GET', 
        dataType: 'json', 
        error: function() { 
         callback(); 
        }, 
        success: function(res) { 
         callback(res); 
        } 
       }); 
      }, 
      render: { 
       option: function(data) { 
        return '<div><span>'+data.skill_name+'</span>' 
         + '<div class="pull-right">' 
         + '<a target="_blank" href='+data.skill_url+'><span title="Assign" class="clickable fa fa-globe"></span></a>' 
         + '&nbsp;' 
         + '</div></div>'; 
       } 
      } 
     }); 
}); 

私はURLで正しくIDを使用できるようにAJAX呼び出しに変数TARGET_AREAを渡すようにしようとしています。 target_area.idの値をコンソールに書き込むと、期待値が得られます。私はそれをajax関数に渡すことはできません。どんな助けもありがとうございます。

Answer 1

$（ドキュメント）.ready（関数（）{ $（ "＃1 DOB"）日付ピッカー（）;

var target_area = {!! json_encode($target_area->toArray()) !!}; 
console.log(target_area.id); 
$('#skills').selectize({ 
     valueField: 'id', 
     labelField: 'skill_name', 
     searchField: 'skill_name', 
     maxItems: null, 
     create: false, 
     options: [], 
     plugins:['option_click'], 
     preload: true, 
     load: function(target_area, callback) { 
      console.log(target_area); 
      $.ajax({ 
       url: 'http://rti.dev/skills/', 
       type: 'GET', 
       data:{target:target_area.id}, 
       dataType: 'json', 
       error: function() { 
        callback(); 
       }, 
       success: function(res) { 
        callback(res); 
       } 
      }); 
     }, 
     render: { 
      option: function(data) { 
       return '<div><span>'+data.skill_name+'</span>' 
        + '<div class="pull-right">' 
        + '<a target="_blank" href='+data.skill_url+'><span title="Assign" class="clickable fa fa-globe"></span></a>' 
        + '&nbsp;' 
        + '</div></div>'; 
      } 
     } 
    }); 

}）。

注意：データ：{target：target_area.id}、