在div中放入ajax请求的结果

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

使用

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

而不是.innerHTML

Answer 2

尝试$("#number").append(data.report.data[0].breakdown[0].counts);并且如果你想在每个请求之后更改数据，请在添加之前使用$("#number").empty()

Answer 3

由于您使用jQuery Selector $，您需要使用$('#number').html("text or something")。或者如果你想使用Vanila Javascript，也许你可以做document.querySelectorAll("#number").innerHTML = "text or somthing"。

Answer 4

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