создать динамическое поле выбора через ajax с большими данными

Question

Я работаю с codeigniter и ajax.Есть два поля выбора, такие как страна и штаты. Я добавляю опции к окну выбора штатов в зависимости от страны через запрос ajax.Он отлично работает для нескольких сотен записей.Но когда количество записей превышает 1000, ajax занимает слишком много времени, чтобы создать поле выбора, даже страница переходит в состояние отсутствия ответа.Я использую этот код:

    var country_id = $(selector).val();
        $.ajax({

            url:'<?php echo base_url()?>getstates',
            crossDomain: true,
            data:'country_id ='+country_id ,

            success:function(data){
              var dataObj = jQuery.parseJSON(data);
               $(dataObj).each(function(){
                        // Remove options 
                          $('#selectBoxState').find('option').not(':first').remove();

                          // Add options
                          $.each(dataObj,function(index,data){
                             $('#selectBoxState').append('<option value="'+data['state_id']+'">'+data['state_name']+'</option>');
                          });


                    });

                },
                error: function() {
                        alert("failure");

                    }
                });

Что будет лучшим способом сделать это.

Answer 1

Вот мои рабочие решения для CodeIgniter 3.x

Страница контроллера

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Controller_name extends CI_Controller {

    function __construct()
    {
        parent::__construct();     
    }     

    public function index()
    {
        $this->load-helper('dropdown');
        $dropdownItems = listData('countryTableName','countryId', 'countryName',['where' => ['countryStatus' => 1]]);
        $selected = array('null');
        $data['countryDropdown'] = form_dropdown('countryId',$dropdownItems,$selected);
        $data['stateDropdown'] =   form_dropdown('stateId',[], '', 'required="required"');
        $this->load->view('page_view',$data);
    }

public function get_state()
{
    $countryId = $this->input->get('countryId');
    $dropdownItems = listData('stateTableName','stateId', 'stateName',['where' => ['countryId' => $countryId,'stateStatus' => 1]]);
    $selected = array('null');
    echo $stateDropdown =   form_dropdown('stateId',$dropdownItems,$selected);
}

}

Поместите этот dropdown_helper.php в каталог Helper

<?php
if(!defined('BASEPATH')) exit('No direct script access allowed');


  function listData($table,$name,$value,$options = []) {
      $items = array();
      $CI =& get_instance();
      if(array_key_exists('where',$options)) {
          $CI->db->where($options['where']);
      }
      $query = $CI->db->select("$name,$value")->from($table)->get();
      if ($query->num_rows() > 0) {
          foreach($query->result() as $data) {
              $items[$data->$name] = $data->$value;
          }
          $default = array('null' => 'Please Select');
          $select = $default + $items;          
          $query->free_result();
          return $select;
      }
  }

На странице просмотра просто эхо

<?php echo $countryDropdown; ?>
<?php echo $stateDropdown; ?>

js файл

$(function(){
    $('select[name=countryId]').on('change',function(){
        $('select[name=stateId]').html('');
        $.ajax({
            url: 'controller_name/get_state?countryId='+$(this).val(),
            type: "GET",
         }).done(function(data) {
            $('select[name=stateId]').html(data);
         }).fail(function() {

         }).always(function() {

        });
    });
});