优化Select2下拉框数据加载：按需AJAX加载实现与最佳实践

// Controller Class
$data['sources'] = $this->contacts_model->get_array();

// View Class
<select name="contact_source" id="contact_source" class="form-control select2" required>          
    <option value="">Select</option>
    <?php foreach($sources as $source): ?>
        <option value="<?php echo $source['id']; ?>" <?php echo ($this->input->post('contact_source') == $source['id'])?'selected="selected"':''?>><?php echo $source['title']; ?></option>
    <?php endforeach; ?>
</select>

<select name="contact_source" id="contact_source" class="form-control" required>
    <option value="">请选择或输入搜索</option> <!-- 这是一个占位符，不是数据 -->
</select>

$(document).ready(function() {
    $('#contact_source').select2({
        placeholder: '请选择或输入搜索', // 占位文本
        minimumInputLength: 2, // 至少输入两个字符才开始搜索
        allowClear: true, // 允许清空选择
        ajax: {
            url: "<?php echo site_url('contacts/search_sources'); ?>", // 后端API的URL
            dataType: 'json', // 期望服务器返回的数据类型
            delay: 250, // 用户停止输入后，延迟250毫秒发送请求，避免频繁请求
            data: function (params) {
                // 发送到服务器的查询参数
                return {
                    term: params.term // Select2会将用户输入的值作为params.term发送
                };
            },
            processResults: function (data) {
                // 处理服务器返回的数据，将其格式化为Select2期望的格式
                // 服务器应返回 { results: [{id: 1, text: 'Option 1'}, {id: 2, text: 'Option 2'}] }
                return {
                    results: $.map(data.results, function (item) {
                        return {
                            id: item.id,
                            text: item.title // 假设后端返回的字段是title
                        };
                    })
                };
            },
            cache: true // 缓存AJAX请求结果
        }
    });
});

// application/controllers/Contacts.php
class Contacts extends CI_Controller {
    public function search_sources() {
        $this->load->model('contacts_model');
        $term = $this->input->get('term'); // 获取前端发送的搜索关键字

        // 根据关键字查询数据
        $sources = $this->contacts_model->search_by_term($term); 

        $formatted_sources = [];
        foreach ($sources as $source) {
            $formatted_sources[] = [
                'id' => $source['id'],
                'title' => $source['title'] // 假设数据库字段是title
            ];
        }

        // 返回Select2期望的JSON格式
        header('Content-Type: application/json'); // 设置响应头为JSON
        echo json_encode(['results' => $formatted_sources]);
    }
}

// application/models/Contacts_model.php
class Contacts_model extends CI_Model {
    public function search_by_term($term) {
        // 示例：根据term模糊查询数据库表
        $this->db->select('id, title'); // 选择需要的字段
        if ($term) {
            $this->db->like('title', $term, 'both'); // 模糊匹配，两边都加%
        }
        // 可以添加分页或限制返回数量以优化性能
        // $this->db->limit(10); 
        return $this->db->get('your_sources_table')->result_array(); // 假设表名为your_sources_table
    }
}