使用 Ajax 向控制器发送 post 数据

Question

我正在尝试使用 AJAX 根据另一个下拉菜单值填充下拉菜单。但我无法让它工作。希望你们能指出我正确的方向。

型号：

function get_all_classes($gradeid)
{
    $this->db->where('grade_id', $gradeid);
    $query = $this->db->get('classes');
    $result = $query->result();

    foreach($result as $row)
    {
        $options[$row->id] = $row->name;
    }

    return $options;
}

查看：

<?php
echo form_dropdown('grades', $grades, '', 'id="grades"');
?>

    //This dropdown is filled based on the selection from my 'grades' dropdown menu
<?php
echo form_dropdown('classes', $classes, '', 'id="classes"');
?>

控制器： 函数注册表格（） { $this->load->model('school_info_model');

    if ($query = $this->school_info_model->get_all_grades())
    {
        $data['grades'] = $query;
    }

    if ($query = $this->school_info_model->get_all_classes($this->input->post('gradeid')))
    {
        $data['classes'] = $query;
    } 

    $data['main_content'] = 'register_form_view';
    $this->load->view('template/template.php', $data);
}

AJAX：

var gradeid = $('#grades').val();

$("#grades").change(function(){
    $.ajax({
        url: '<?php echo base_url().'index.php/login/registerform' ?>',
        type: 'POST',
        data: gradeid,
        succes: function(){
            alert('dadasd');
        }
    });
});

编辑：更新的 ajax 代码

Answer 1

您的 Ajax 似乎需要某种绑定事件，如下所示：

$('#link').on('click', function(){
    $.ajax({
        url: '<?php echo base_url().'index.php/login/registerform' ?>',
        type: 'POST',
        data: gradeid,
    });
});

Answer 2

您可能希望在更改中设置您的gradeid，以便每次有人更改该字段时都会更改它，因为您将动态设置另一个下拉列表......然后您将需要根据您的内容更改选项retrive...所以当您的 ajax 返回时您需要一个回调...您也应该有可能出现错误等情况，但您可以在此处阅读更多相关信息http://api.jquery.com/jQuery.ajax/

$("#grades").change(function(){
    var gradeid = $(this).val();
    $.ajax({
        url: '<?php echo base_url().'index.php/login/registerform' ?>',
        type: 'POST',
        data: gradeid
    }).done(function(data) {
        //set your returned data to your options for classes
    });
});