Codeigniter ajax send data to controller using ajax code

Question

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

I am unable to send view data to controller function In view their is select box with departmenr values from mysql database

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

i need to get refresh when user select department and that need to call controller function get_dept_employee And need to display datagrid of employee list

martin clayton · Accepted Answer · 2015-01-26 11:54:00Z

13

you need to send data option as object

try this

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

and get the posted value as id in your controller..

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

edited Jan 26, 2015 at 11:54

martin clayton

78.6k33 gold badges220 silver badges201 bronze badges

answered Aug 30, 2013 at 9:18

bipen

36.6k9 gold badges51 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

RONE · Accepted Answer · 2013-08-30 09:11:10Z

2

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

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

should be

     data:id, //No double quotes surrounded

answered Aug 30, 2013 at 9:11

RONE

5,5059 gold badges45 silver badges78 bronze badges

Comments

Nil'z · Accepted Answer · 2013-08-30 09:18:35Z

0

Try:

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

answered Aug 30, 2013 at 9:18

Nil'z

7,4831 gold badge20 silver badges28 bronze badges

Comments

Kanishka Panamaldeniya · Accepted Answer · 2013-08-30 09:48:11Z

0

i saw few errors

use data: {'id':id}, instead of data: "id",

use dataType:"json", instead of dataType="json",

use cache:false instead of 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>

edited Aug 30, 2013 at 9:48

answered Aug 30, 2013 at 9:42

Kanishka Panamaldeniya

17.6k31 gold badges128 silver badges195 bronze badges

Collectives™ on Stack Overflow

Codeigniter ajax send data to controller using ajax code

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related