Javascript 将ajax请求的结果放入div中

我试图获取控制台日志的结果并将其放入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>

测试
$（文档）.ready（函数（）{
var数据；
$.ajax({
键入：“POST”，
数据类型：“json”，
url:'report.php'，
数据：数据，
成功：功能（数据）{
console.log（data.report.data[0]。细分[0]。计数）；
$（'#number'）。innerHTML=data.report.data[0]。细分[0]。计数；
}
});
});

但是我没有日志错误，它只是不更新文本

使用

$（'#number'）.html（data.report.data[0]。细分[0]。计数）

而不是.innerHTML

使用

$（'#number'）.html（data.report.data[0]。细分[0]。计数）

---

由于使用jQuery选择器

$

，因此需要使用

$（'#number'）.html（“文本或其他内容”）

，而不是.innerHTML。

---

或者，如果您想使用Vanila Javascript，也可以使用

document.querySelectorAll（“#number”）.innerHTML=“text或somthing”

。

由于您使用的是jQuery选择器

$

，因此需要使用

$（'#number'）.html（“文本或其他内容”）

。 或者，如果您想使用Vanila Javascript，也可以使用

document.querySelectorAll（“#number”）.innerHTML=“text Or somthing”

。

$（'#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);

$（'#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);

---

啊，太好了，谢谢你。12分钟后接受。啊，太好了，谢谢。将在12分钟内接受。