Codeigniter ajax 使用 ajax 代码向控制器发送数据答案

【问题标题】：Codeigniter ajax send data to controller using ajax codeCodeigniter ajax 使用 ajax 代码向控制器发送数据
【发布时间】：2013-08-30 09:08:06
【问题描述】：

<script type="text/javascript">
    $(document).ready(function () {
        $("#select-dept").change(function () {
            var id = $("#select-dept").val();
            $.ajax({
                type: "POST",
                url: "<?=base_url()?>.index.php/sms/get_dept_employee",
                //url: baseurl + 'sms/get_dept_employee',
                data: "id",
                dataType = "json",
                cache: "false",
                success: function (emp_list) {
                    $("#dept-emp").html(emp_list);
                }
            });
        });
    });
</script>

我无法将视图数据发送到控制器功能鉴于他们是带有 mysql 数据库中的部门值的选择框

<select class="select-dept" id="select-dept" name="select-dept">
    <option>Select Department</option>
    <?foreach ($departments as $dt):?>
        <option value="<?=$dt['id']?>">
            <?=$dt[ 'name']?>
        </option>
    <?endforeach;?>
</select>

当用户选择部门并且需要调用控制器功能时，我需要刷新 get_dept_employee 并且需要显示员工列表的datagrid

【问题讨论】：

标签： php jquery ajax codeigniter

【解决方案1】：

您需要将数据选项作为对象发送

试试这个

 .....
 url: "<?=base_url()?>.index.php/sms/get_dept_employee",
 data: {"id":id},
 dataType:"json",
 ....

并在您的控制器中以id 形式获取发布的值..

$id=$this->input->post('id');
....

【讨论】：

【解决方案2】：

var id = $("#select-dept").val();     

 data:"id", //Here you are sending string as id

应该是

     data:id, //No double quotes surrounded

【讨论】：

【解决方案3】：

试试：

data: {'id':$(this).val()},

【讨论】：

【解决方案4】：

我看到了一些错误

使用data: {'id':id}, 代替data: "id",

使用dataType:"json", 而不是dataType="json",

使用cache:false 代替cache: "false",

<script type="text/javascript">
    $(document).ready(function () {

        var base_url = "<?php echo $this->config->item('base_url'); ?>";

        $("#select-dept").change(function () {

            var id = $(this).val();
            $.ajax({
                type: "POST",
                url: base_url+"index.php/sms/get_dept_employee";
                data: {'id':id},
                dataType:"json",
                cache: false
                success: function (emp_list) {
                    $("#dept-emp").html(emp_list);
                }
            });
        });
    });
</script>

【讨论】：