Return XML from Ajax

Question

Hi,
I need to provide the XML tags and dynamic content from the APEX Ajax routine - to be used for the Fusioncharts. How can I return XML from the Ajax routine.
Thanks.
Andy

Answer 1

Andy,
Seeing how you are doing everything on load, there is really only a few changes you need to make in order for this to happen via ajax.
1. Create an ondemand process which generates only XML named GET_CHART_XML. Something like ...
declare
  l_xml             VARCHAR2 (32767);
  p_region_width    VARCHAR2 (10)    := '700';--------------------------------------
  p_region_height   VARCHAR2 (10)    := '300';-- not sure what these are here for --
  p_chart_debug     VARCHAR2 (10)    := '0';  --------------------------------------
begin
  l_xml := '<graph showNames=''1'' decimalPrecision=''0''  >' ;
  for d in (select b.proj_phase, count(*) total
              from it_proj_srvc_req a, it_proj_phase b
             where a.it_proj_phase_pk = b.it_proj_phase_pk
               and a.it_proj_phase_pk not in (10,99)
               and exists (select 'x' from it_proj_srvc_req_pers d,
                                           it_proj_srvc_group e
                                     where d.dph_pers_pk = e.mem_pers_pk
                                       and e.adm_pers_pk = :F120_DPH_PERS_PK
                                       and a.it_proj_srvc_req_pk = d.it_proj_srvc_req_pk)
                                     group by b.proj_phase)
  loop
    if d.proj_phase = 'Current' then
      l_xml := l_xml || '<set name=''' || d.proj_phase || ''' value=''' || d.total || ''' isSliced=''1''/>';
    else
      l_xml := l_xml || '<set name=''' || d.proj_phase || ''' value=''' || d.total || ''' />';
    end if;
  end loop;
  l_xml := l_xml || '</graph>';
  htp.p(l_xml);
end;2. Put this JavaScript in the HTMLHeader section of your page.
<script language="JavaScript" src="/i/themes/custom/FusionCharts/FusionChartsFree/JSClass/FusionCharts.js"></script>
<script type="text/javascript">
  function renderChart(){
    var myChart = new FusionCharts("/i/themes/custom/FusionCharts/FusionChartsFree/Charts/FCF_Pie2D.swf", "ChartId", "250", "100");
    var get = new htmldb_Get(null,$v('pFlowId'),'APPLICATION_PROCESS=GET_CHART_XML',$v('pFlowStepId'));
    get.GetAsync(function(){
      if(p.readyState == 1){
        $x('chartdiv').innerHTML = '<p>Loading Chart...</p>';
      }else if(p.readyState == 4){
        if(!p.responseText){return false;};
        myChart.setDataXML(p.responseText);
        myChart.render("chartdiv");
    get = null;
</script>3. Lastly create a button with a url target which points to "javascript: renderChart()".
I was not able to actually test this as I do not have access to the java script dependencies for the flash chart. so I apologize if the JS has a typo in there.
Hope this gets you started in the right direction.
Tyson Jouglet