如何接收CodeIgniter select_avg()的AJAX响应值？解决AJAX无法显示数据库数据问题

我来帮你一步步排查这个问题哈，从你给出的代码来看，有几个常见的坑可能导致数据显示不出来，咱们逐个解决：

1. 最核心的问题：JSON对象取值错误 #

你的控制器返回的是一个包含hasil_rating字段的JSON对象（比如{"hasil_rating": 4.5}），但你直接把整个data对象传给了val()方法——这相当于给输入框设置了一个对象的字符串形式，自然看不到正确的数值。

修改AJAX的success回调：

success: function(data) {
    // 取出JSON对象里的hasil_rating字段值
    $('#aaaa').val(data.hasil_rating);
}

2. 检查AJAX请求的基础问题 #

（1）验证请求URL是否有效 #

打开浏览器开发者工具（F12），切换到Network标签，触发AJAX请求后，查看请求的URL是否能正常访问：

• 如果返回404：说明路由配置错误，或者rate/rating这个控制器方法的路径不对
• 如果返回500：说明控制器代码有问题（比如表名、字段名写错）

你也可以直接在浏览器地址栏输入这个URL，看看返回的是不是标准JSON格式（比如{"hasil_rating": 3.8}），如果返回的是HTML错误页面，先修复控制器的问题。

（2）处理CodeIgniter的CSRF保护 #

如果你的项目开启了CSRF保护（默认可能开启），POST请求必须带上CSRF Token，否则会被拦截。你有两种解决方案：

• 方案一：把请求类型改成GET（因为你只是查询数据，不需要POST）

  type: 'GET',
  

• 方案二：在POST请求的data里带上CSRF Token

  data: {
      '<?php echo $this->security->get_csrf_token_name(); ?>': '<?php echo $this->security->get_csrf_hash(); ?>'
  },
  

（3）给AJAX加上错误回调，方便调试 #

很多时候请求失败了但你不知道，加上错误回调能快速定位问题：

error: function(xhr, status, error) {
    console.error('AJAX请求出错:', status, error);
    console.log('服务器返回内容:', xhr.responseText);
}

3. 优化控制器代码，确保返回纯净JSON #

给控制器加上响应头，并且用exit阻止CodeIgniter输出其他模板内容：

public function rating() {
    // 设置响应头为JSON格式
    header('Content-Type: application/json');
    $rating = $this->db->select_avg('hasil_rating')->get('tb_rating')->row_array();
    echo json_encode($rating);
    // 终止程序，避免输出多余内容
    exit;
}

最后一步：验证数据结构 #

在success回调里先打印返回的data，确认结构是否符合预期：

success: function(data) {
    console.log('返回的JSON数据:', data);
    $('#aaaa').val(data.hasil_rating);
}

按照上面的步骤排查，应该就能解决数据不显示的问题啦～

内容的提问来源于stack exchange，提问作者Imam Nur