如何使用 Ajax 将变量值传递给 CodeIgniter 控制器？

Question

I am trying to pass data to controller using AJAX, but for some reason the data is not being sent.

Controller:

class Home extends CI_Controller 
{

public function __construct() 
{

    parent::__construct();

    //$this->d['module'] = 'home';
    $this->load->model('menu');
    $this->load->model('harta_baru/proses_harta');
  }

public function Proses_Harta()
{
  $this->d['harta'] = $this->proses_harta->tarikh();
  $tarikh = $this->input->post('tarikh');
  $this->d['harta2'] = $this->proses_harta->harta($tarikh);
  $this->load->view('harta_baru/proses_harta',$this->d);
}

}

view:

<div class="col-lg-6">
    <!-- <input type="text" class="form-control" placeholder="Sila Masukkan Tarikh" name="tarikh"/>-->
    <select class="select2_demo_3 form-control" name="tarikh" id="tarikh">
        <option name="tarikh">--Sila Pilih Tarikh--</option>
        <option name="tarikh" value="00">SEMUA</option>
        <?php  foreach ($harta as $row)
{ ?>
            <option name="tarikh" value="<?php echo $row['TARIKH']; ?>">
                <?php echo $row['TARIKH']; }?>
            </option>
    </select>

</div>

<button class="btn btn-sm btn-primary login-submit-cs" type="submit" name="cari" id="hantar">Hantar</button>
<button class="btn btn-white" type="reset" onClick="window.location='../home/proses_harta';">Reset</button>

<script>
    $('#hantar').click(function(e) {
        e.preventDefault();
        var tarikh = $('#tarikh').val();
        //var url = "<?php echo base_url(); ?>index.php/home/proses_harta";
        console.log("hantar: " + tarikh);
        $.ajax({
            url: "<?php echo base_url(); ?>index.php/home/proses_harta",
            method: "POST",
            data: {
                'tarikh': tarikh
            },
            success: function(data) {
                console.log('ok');
            },
            error: function(data) {
                console.log('error');
            }
        });
    });
</script>

MODEL:

class Proses_Harta extends CI_Model 
{

function __construct()
{
    parent::__construct();
    //$this->load->helper('cookie');
    $this->load->helper(array('cookie', 'url')); 
}

public function tarikh() 
{
    $query = $this->db->query("select distinct(to_char(thantar,'dd/mm/yyyy')) as tarikh from pnlkew.harta_penilaian_smk WHERE  jeniskes=1 and status='N' ORDER BY 
    to_date(to_char(thantar,'dd/mm/yyyy'),'dd/mm/yyyy') ASC");
    return $query->result_array();


}public function harta($tarikh) 
{

        $query = $this->db->query("select noakaun, KUID,to_char(tkk,'dd/mm/yyyy') TKK, decode(MUKIM,'01','KLANG UTARA','KLANG SELATAN') MUKIM, KOD_KEMENTERIAN, 
        NAMA_KEMENTERIAN, to_char(thantar,'dd/mm/yyyy') thantar,
        KOD_JABATAN, NAMA_JABATAN,KOD_KERAJAAN,NAMA_KERAJAAN,PEMILIK, NT, KADAR,(NT*KADAR/100/2) HASIL from pnlkew.harta_penilaian_smk WHERE  jeniskes=1 and status='N' 
        and thantar = to_char(to_date('$tarikh','dd/mm/yyyy'))");

    return $query->result_array();

}

How to pass a variable value to CodeIgniter Controller with Ajax?

Answer 1

First thing, In my opinion please use input type submit instead of button.

<input type="submit" class="btn btn-sm btn-primary login-submit-cs" id="hantar" value"Hantar">

Second thing, Change your code like this:

<script>
     $('#hantar').click(function(e) {
        e.preventDefault();
        var tarikh = $('#tarikh').val();
        var url =  <?php echo base_url('home/proses_harta'); ?>;
        console.log("hantar: " + tarikh);
        $.ajax({
            url: url,
            method: "POST",
            data: {
                'tarikh': tarikh
            },
            success: function(data) {
                console.log(data);
            },
            error: function(data) {
                console.log(data);
            }
        });
  });
</script>

Please check your model that the function is successfully run or not?