Passage de la réponse AJAX dans l'onglet En-tête HTML

Question

Je ne parviens actuellement pas à transmettre ma réponse Ajax dans la balise HTML Heading. La requête 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); 
    } 
}); 

Et voici mon HTML où je veux passer mon Ajax Réponse:

HTML TAG

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

Toute sorte d'aide serait reconnaissant.

Answer 1

Il suffit de remplacer le code html de #myHeading par les données:

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

et dans votre html remplacer #myHeading avec myHeading:

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

Answer 2

Votre URL semble valide, devrait être:

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

ou (comme ES6 modèle littéral):

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