javascript - 在jquery ajax中传递参数导致未定义

我是jQuery新手。我正在使用jquery ajax创建级联下拉列表。因此，基于第一个下拉列表的更改值，第二个脚本从第二个下拉列表中获取数据库的值。

<script>
$(document).ready(function () {
    $("#builder_group").change(function () {
        var selected_builder = $(this).val();
        alert(selected_builder);
        $.ajax({
            type: 'POST',
            url: 'getGroupzCode.php',
            data: 'selected_builder',
            datatype: 'json',
            success: function (data) {
                // Call this function on success
                console.log(data);
                var yourArray = JSON.parse(data);
                console.log(yourArray);
                $.each(yourArray, function (index, yourArray) {
                    $('#builder_group1').append($('<option/>', {
                        value: yourArray.id,
                        text: yourArray.name,
                    }));
                });
            },
            error: function () {
                displayDialogBox('Error', err.toString());
            }
        });
    });
});
</script>

问题是，当我从第一个下拉列表提醒选定的值时，它起作用，即alert（selected_builder）起作用，但是当我尝试将其传递给脚本时，它在PHP脚本中显示为未定义。我该如何解决。

最佳答案

不要将其作为字符串传递。

data: selected_builder,