Журнал консоли не печатает ответ после успешного вызова AJAX

Question

У меня странная ситуация, я сделал ajax-вызов, и он работает нормально, Status - 200, и я правильно получаю данные из php. Но он не печатается в console.log и не добавляется в мой тег <select name"a" id="section_id">..Response should append here..</select>.

Сценарий

$("#student_class").change(function () {

    var class_id = this.value;
    var url = $("#student_class").attr("data-base_url");

  $.ajax({

      url: url,
      type: 'POST',
      data: { class_id: class_id},
      dataType: 'JSON', 

      success: function(response) {
 // This console.log(response) not printing anything.
        console.log(response);
        if(response.success === true){
            $("#student_class_section_id").append(response.html_string);
        }
      }

    });
});        

PHP

public function show_class_sections(){

    $class_id = $_POST['class_id'];

    $data = array("success" => false, "html_string" => "");

    $result = array();
    $result = $this->admin_forms->get_class_sections($class_id);

    if(!empty($result)){
        $data['success'] = true;
        $data['html_string'] = $result;
    }


    echo json_encode($data);
}

Изображения Ajax Response

Почему там печатается вся HTML-страница После успешного выполнения запроса

Answer 1

Изменение

console.log(response);

С

console.log(response[0].value);