CodeIgniter Ajax не заполняет контент в модальной форме

Question

Модальная вызванная форма не загружает содержимое, используя Ajax. Итак, у меня есть модальное диалоговое окно, в котором должны появиться выпадающий список и кнопки «Отмена» и «ОК». Раскрывающийся список загружается из базы данных, однако он пуст.

Я пытался найти это, но примеры либо близки, либо очень далеки, но ни один не предлагал что-то подобное.

Я также пробовал разные подходы, но все же у меня возникает та же проблема.

Вид:

foreach($aRecords as $record)
...
<a href="#" 
   class="btn btn-primary btn-xs change_parent_class"
   data-toggle="modal" 
   data-target="#confirmChangeParent" 
   id ="<?php echo $record->id; ?>"
><i class="fa fa-arrow-up"></i> Change Parent</a>

Модал

 <div class="modal fade" id="confirmChangeParent" role="dialog" aria-labelledby="confirmChangeParent" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title">Change Parent</h4>
          </div>
          <div class="modal-body">
            <p>Please select one of the following options</p>
                <div id="areaChangeParent" name="areaChangeParent"></div>
          </div>
          <div class="modal-footer">

                <a href="#" class="btn btn-info btn-xs default" data-dismiss="modal">
                    <i class="fa fa-reply"></i> Cancel
                </a>
                <a href="#" class="btn btn-success btn-xs default" id ="confirmSubmitDelete">
                    <i class="fa fa-arrow-up"></i> Move
                </a>

          </div>
        </div>
      </div>
    </div>

JavaScript

$(document).ready(function(){
        //function change_parent(id)
        $(".change_parent_class").click(function()
        {
            id = $(this).attr('id');
            alert("p-aci:" + id);
            e.preventDefault();
            $.ajax({
                    url: "<?php echo base_url() ?>project/project_issue/get_parents/",
                    method: "POST",
                    data: {mid:id},
                    success: function(data)
                    {
                        $("#areaChangeParent").html(data);

                    }
            });
        });
    });

Функция контроллера для извлечения данных находится в фиктивном состоянии только для тестирования:

function get_parents()
{


                    echo "bla";
                    return "bla bla";
}    

Независимо от того, что приглашение отображается, но пустое.

Answer 1

Вы используете e.preventDefault(); без function(e)