AJAX返回错误

Question

我正在尝试使用ajax填充我的下拉列表，但它会返回错误。

这是我的js代码

<script type="text/javascript">
    $(document).ready(function() {

       $.ajax({
       url: "<?php echo base_url('Supplies_controller/getCategory'); ?>",
       dataType: 'json',
       success: function(data) {
           alert(data);
           $(data).each(function(){
               $("#category").append($('<option>', {
                    value: this.id,
                    text: this.category,
                }));
             })
        },
        error: function(errorw) {
            alert("hi");
        }
      });
    });
 </script>

这是我的Supplies_controller

public function getCategory(){
    $categories = $this->supplies_model->getCategory();
    echo json_encode($categories);
}

这是我的Supplies_model

function getCategory(){
    $this->db->select('id, category');
    $this->db->from('category');
    $this->db->order_by("category", "asc");
    $query = $this->db->get();
    return $query->result();
}

它执行java中我的错误函数中的alert("hi");。我的代码似乎没有任何错误。

BTW，我正在使用Codeigniter 3.0。

如果有请帮助我看看。提前谢谢。

Answer 1

         $(data).each(function(){
           $("#category").append($('<option>', {
                value: this.id,
                text: this.category,
            }));
         });