jQuery 플러그인 선택의 변수로 변수 전달하기

Question

jQuery에는별로 좋지 않습니다. 간단한 질문이라면 용서해주세요. 기본적으로 드롭 다운 상자의 추가 기능을 위해 jQuery 플러그인 선택을 사용하고 있습니다. 드롭 다운에 대한 데이터를 얻기 위해 아약스 호출을 만들고 있지만 URL의 일부로 사용할 수 있도록 변수를 ajax 호출에 전달해야합니다. 나는 그래서 URL에 제대로 ID를 사용할 수 있습니다 아약스 호출에 변수 target_area를 전달하려고 해요

$(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>'; 
       } 
      } 
     }); 
}); 

: 여기에 코드입니다. target_area.id 값을 콘솔에 쓸 때 예상 값을 얻습니다. 난 그냥 아약스 함수에 전달할 수없는 것. 어떤 도움을 주셔서 감사합니다.

Answer 1

$ (문서) .ready (함수() {$ ("#의 생년월일") 날짜 선택기().

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},