成功调用ajax后控制台日志不打印响应

Question

我遇到了奇怪的情况，我进行了一个 ajax 调用，它工作正常，状态为 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 响应的图像

请求成功后为什么要打印整个html页面

Answer 1

改变

console.log(response);

与

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