javascript - 使用 ajax onchange 将值从 View 打印到 Controller codeigniter,无需加载页面

标签 javascript php jquery ajax codeigniter

我想在不加载页面的情况下使用条件 View 和 View CodeIgniter 中的值。我尝试跟踪错误,我放弃了,我不知道,这是什么错误

jquery ajax:

var site = '<?php echo site_url();?>';
$(document).ready(function(){
  $("#comboKec").change(function (){
    var selectedText = $(this).find("option:selected").text();
    var selectedValue = $(this).val();

    //alert(selectedValue);
      //$("#res").text(site);

    $.ajax({
        type: 'POST',
        serviceUrl: site+'anggota/index',
        data: {'kec' : selectedValue},
        success: function(data) {
            console.log(selectedValue);
        },
        error: function(msg) {
            console.log('error : '+msg);
        }
    });
  });
});

html:

<select>
<option value="aaaa">1</option>
<option value="bbbb">2</option>
</select>

Controller :

$kec = $this->input->post('kec');
if($kec="aaaa"){ echo "Data 1"; }
else if($kec="bbbb"){ echo "Data 2"; }
else { echo "No Data Selected"; }

最佳答案

我认为你需要改变两个地方才能看到 colsole 的差异

  $.ajax({
    type: 'POST',
    serviceUrl: site+'anggota/index',
    data: {'kec' : selectedValue},
    success: function(data) {


     >  console.log(selectedValue);
     >             console.log(selectedValue);

    },
    error: function(msg) {
        console.log('error : '+msg);
    }
});

并将选择的名称命名为

 > <select name="comboKec">

<option value="aaaa">1</option>
 <option value="bbbb">2</option>
</select>

哦,你的另一个错误是在 $kec= "aaaa"中,你应该使用 $kec=="aaaa"!因为 $kec= "aaaa"你正在为 copare 赋值,所以你应该使用 $kec=="aaaa"“!

  $kec = $_POST['kec'];


>  if($kec=="aaaa"){ echo "Data 1" ;}
else if($kec=="bbbb"){ echo "Data 2"; }
else { echo "No Data Selected" ;}

关于javascript - 使用 ajax onchange 将值从 View 打印到 Controller codeigniter,无需加载页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41485518/

相关文章:

javascript - 为字符串中的匹配添加前缀

javascript - select2 使容器宽度适合文本

php - iphone SDK : Upload image from iphone to a php Server send empty file ?(里面有示例代码链接)

Javascript调用php函数并接收返回结果

jquery - 如何使用jquery将此元素放在第一位

jquery - ie8 页面在加载完成之前挂起

javascript - jQuery tablednd 将两行移动到一起

javascript - HTML 和 CSS ..并排添加 div n 次

php - 使用 JSON 将表单数据从 Phonegap 传递到 PHP

javascript - 元素导航项下拉列表在 laravel vue 中不起作用