代码之家  ›  专栏  ›  技术社区  ›  Jimmy

将ajax请求的结果放入div中

  •  0
  • Jimmy  · 技术社区  · 7 年前

    <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>
    

    但是,我没有得到任何日志错误,它只是不更新文本。

    4 回复  |  直到 7 年前
        1
  •  2
  •   JKurcik    7 年前

    使用

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

    而不是.innerHTML

        2
  •  0
  •   Irvan Hilmi    7 年前

    因为您使用jQuery选择器 $ ,您需要使用 $('#number').html("text or something") 或者你可以 document.querySelectorAll("#number").innerHTML = "text or somthing"

        3
  •  0
  •   fdomn-m    7 年前

    $('#number') 是jquery对象, .innerHTML 在DOM对象上工作-它们不是一回事。

    或者转换 $('#数字') 到DOM,使用:

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

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