javascript - 在 HTML 标题选项卡中传递 AJAX 响应

Question

我目前无法在 HTML 标题标记中传递我的 Ajax 响应。 ajax 查询:

$.ajax({
     type: "POST",
     url: "${pageContext.request.contextPath}/ws/api/report/facts",
     success: function (response) { 
        var data = JSON.parse(response)[0].centers;
        var result = $('<h3 />').append(data).find('#myHeading').html(); 
        $('#myHeading').html(result);
     }
});

这是我要传递 Ajax 响应的 HTML:

HTML 标签

<div class="panel-body">
   <i class="fa fa-users" style="font-size:60px;"></i>
   <h3 id="#myHeading"></h3>
</div>

如有任何帮助，我们将不胜感激。

Answer 1

只需用数据替换#myHeading 的html:

$.ajax({
     type: "POST",
     url: "${pageContext.request.contextPath}/ws/api/report/facts",
     success: function(response) { 
        var data = JSON.parse(response)[0].centers;
        $('#myHeading').html(data);
     }
});

并在您的 html 中将 #myHeading 替换为 myHeading:

<div class="panel-body">
   <i class="fa fa-users" style="font-size:60px;"></i>
   <h3 id="myHeading"></h3>
</div>