如何使用ajax调用所有数据和显示

Question

<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);
                }

            });


        });

 });

这就是我以前用来调用arraylist并在网站上显示的方式

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

开发人员工具中没有显示错误，但数据不会显示 谁能帮我？我已经插入了JavaScript库