Поместите результат запроса ajax в div

Question

Я пытаюсь взять результат моего консольного журнала и поместить его в div. Бит журнала консоли работает, но не помещает его в div. Согласно онлайн-урокам это должно быть примерно так:

<div id="number">Test</div>

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
$(document).ready(function () {
        var data;
        $.ajax({
            type: 'POST',
            dataType: 'json',
            url: 'report.php',
            data: data,
            success: function (data) {
                console.log(data.report.data[0].breakdown[0].counts);
                $('#number').innerHTML = data.report.data[0].breakdown[0].counts;
            }
        });
    });
</script>

Однако я не получаю ошибок журнала, он просто не обновляет текст.

Answer 1

Поскольку вы используете jQuery Selector $, вам нужно использовать $('#number').html("text or something"). Или, может быть, вы можете сделать document.querySelectorAll("#number").innerHTML = "text or somthing", если вы хотите использовать Vanila Javascript.

Answer 2

$('#number') - это объект jquery, .innerHTML работает с DOM-объектом - это не одно и то же.

Либо конвертируйте $('#number') в DOM, используя:

$('#number')[0].innerHTML = data.report.data[0].breakdown[0].counts;

Или используйте метод jquery:

$('#number').html(data.report.data[0].breakdown[0].counts);

Answer 3

использование

$('#number').html(data.report.data[0].breakdown[0].counts)

вместо .innerHTML