我如何将JavaScript变量传递给Codeigniter控制器功能

Question

我无法将变量传递给控制器​​功能。请帮助

<input type="button" id="mydate" name="mydate" value="<?php echo $dat;?>" class="monthYearPicker" />



script:
$('#mydate').on('click', function () {

  var textBoxVal = $(this).val();
  $.ajax({
    type: 'POST',
    url: '<?php echo base_url();?>Money_c/selectallbudget', // link to CI function
    data: {
        val: $(this).val()
    },
    success: function (msg) {

        console.log(msg);
    }
  });

});

我将如何在控制器函数中使用此javascript变量var textBoxVal = $（this）.val（）。

controller:

public function selectallbudget(){
   $mydate= $this->input->post('val');

   $sendMe = $this->money_m->selectbudget($mydate);

   echo json_encode($sendMe);
 }

Answer 1

借助ajax，您可以做到。

---

 FIRST: -------------------------------- <!--write this code in you header--> <input type="hidden" value="<?php echo base_url(); ?>" id="baseurl"/> 

<!--your javascript code-->
<script type="text/javascript">
var base_url = $('#baseurl').val();
var dateValue = $('#mydate').val();

$.ajax({
    url: base_url + "controller_name/function_name",  // define here controller then function name
    method: 'POST',
    data: { date: dateValue },    // pass here your date variable into controller
    success:function(result) {
        alert(result); // alert your date variable value here
    }
});
</script>
<!--your controller function-->
public function budget()
{
    $dat = $_POST['date'];
    echo $dat;
}


--------------------------------
SECOND: if you want to load any html code then you use this method otherwise above first method
--------------------------------
<!--write this code in you header-->
<input type="hidden" value="<?php echo base_url(); ?>" id="baseurl"/>


<!--your javascript code-->
<script type="text/javascript">
var base_url = $('#baseurl').val();
var dateValue = $('#mydate').val();

$( "#mydate" ).load( 
    base_url + "controller_name/function_name",  // define here controller then function name
    { date: dateValue },    // pass here your date variable into controller
    function(){ 
        // write code on success of load function
    }
);
</script>
<!--your controller function-->
public function budget()
{
    $dat = $_POST['date'];
    echo $dat;
}

Answer 2

您的代码几乎可以。 控制器代码中只有一项更改：

控制器：

public function selectallbudget(){
   //$mydate= $_POST['val']; This is not PHP this is codeigniter

   $mydate =  $this->input->post('val');

   $sendMe = $this->money_m->selectbudget($mydate);

   echo json_encode($sendMe);
 }

Answer 3

请使用ajax。 这个问题已经在这里讨论过了。 请参考。

在代码点火器中传递Javascript变量tp PHP控制器

Answer 4

您在这里做错的是$(this).val()传递输入的值。

在this对象的范围不断变化的，而且是相当不同的，当您尝试访问

data: {
    val: $(this).val()
}

而是尝试访问当前的对象。

解决方案非常简单（因为您已经将textBoxVal初始化为输入的值。

$('#mydate').on('click', function () {
    var textBoxVal = $(this).val();
    $.ajax({
        type: 'POST',
        url: '<?php echo base_url();?>Money_c/selectallbudget', // link to CI function
        data: {
            val: textBoxVal
        },
        success: function (msg) {
            console.log(msg);
        }
    });
});