将变量传递给 Selectize jQuery 插件的加载函数

Question

我对 jQuery 不是很好，所以如果这是一个简单的问题，请原谅我。基本上，我使用 Selectize jQuery 插件为下拉框提供附加功能。我正在调用 ajax 来获取下拉列表的数据，但我需要将一个变量传递给 ajax 调用，以便它可以用作 URL 的一部分。这是代码：

    $(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 传递给 ajax 调用，以便我可以在 URL 中使用正确的 ID。当我将 target_area.id 的值写入控制台时，我得到了预期的值。我似乎无法将它传递给 ajax 函数。感谢任何帮助。

Answer 1

$(文档).ready(函数() { $("#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/',
                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},

将变量传递给 Selectize jQuery 插件的加载函数

Passing a variable to the load function of Selectize jQuery plugin

javascript

jquery

ajax

selectize.js