<script>
$(function(){
$.ajax({
method:"POST",
url:"../public/offerall.php"
});
$.post("../public/offerall.php",function(data){
var eventList = JSON.parse(data);
$('#special').html({
source:eventList,
select: function(event, ui){
$("#contentHeader").text(ui.item.label);
$("#contentParagraph").text(ui.item.eDescription);
$("#contentVenue").text(ui.item.vName);
$("#contentCategory").text(ui.item.cDesc);
$("#contentStartDate").text(ui.item.sDate);
$("#contentEndDate").text(ui.item.eDate);
$("#contentPrice").text(ui.item.ePrice);
}
});
});
});
this is how i used to call the arraylist and to display in website
<div class="special"><ul class="rig"><li><h2 id="contentHeader"></h2>
<h3 id="contentVenue"></h3>
<h4 id="contentCategory"></h4>
<h4 id="contentStartDate"></h4>
<h4 id="contentEndDate"></h4>
<p id="contentParagraph"></p>
<h4 id="contentPrice"></h4></li></ul></div>
there no error display in developer tools but the data won't display Can any one help me? i already insert the JavaScript library