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> 

。いずれかである必要があり、あなたのURLが無効になります

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

Answer 1

データだけで#myHeadingのHTMLを置き換える

url: pageContext.request.contextPath + "/ws/api/report/facts", 

または（ES6テンプレートリテラルとして）：

url: `${pageContext.request.contextPath}/ws/api/report/facts`, 

Answer 2

：#myHeadingmyHeadingで

$.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に置き換える：