使用xmlConn组件和struts来实现数据的异步交互

    ajax的功能主要是实现数据的和后台的异步交互，虽然说目前adobe的flex技术和MS 的silver light技术在很大程度上优化和简化了数据异步实现的方式，但是作为目前的主流技术，ajax在项目的开发中仍占有很大的市场份额。下面介绍ajax的使用。

  1.首先在程序包中导入xmlConn组件的js包。ajax.js

  2.对于strurs框架，使用其在struts——config.xml的serverlet控制总线的功能，来实现页面的跳转，而对于struts中action中多方法的映射，没有采用struts中的dispatchAction的方法中的传递map映射实现方法的选择，而是在ajax中以url的方式传递方法名 <!-- 热跟踪定受众 --> <action attribute="dynaForm" input="/products/hotTrack_customer/frontPage.jsp" name="dynaForm" parameter="act" path="/products/hotTrack_customer/hotTrack" scope="request" type="com.fsti.struts.action.hot_track.HotTrackAction"> <forward name="addad" path="/products/hotTrack_customer/sendMessage.jsp" ></forward> <forward name="succ" path="/products/hotTrack_customer/messageMgr.jsp" ></forward> <forward name="addSucc" path="/sendResult.jsp" ></forward> </action>

   3.在js中获得触发事件后，调用xmlConn来实现数据的后台异步传递

function getAreaCustomer(){var countAjax = new XHConn();var param = "act=getAreaCustomer";countAjax.Connect("hotTrack.do","POST",param,fillAreaCustomer);}

其中act参数为action中的方法名，其它的参数可以以？来传递，fillAreaCustomer为执行返回后处理的方法

 

4. 返回使用xmls.selectNodes("//chart_pie_str");来获得一个数组，而以var stat = xmls.selectSingleNode("//status");来获得一个记录

function fillAreaCustomer(xmlConn){if(xmlConn!=null){ var xmls = xmlConn.responseXML.documentElement; if(xmls==null) {window.location.href="../../error.jsp";return ; }var chart_pie_str = xmls.selectNodes("//chart_pie_str"); // alert(chart_pie_str[0].text); document.getElementById("chart_pie").myFlexChart(str,title);}setInterval("dyniframesize1()",1000);}

 

 

5.数据在传送到action后通过act自动跳转到相应的方法，action实现DispatchAction接口

Document doc = XMLUtils.buildDocFromXML(Constants.XML_RESPONSE_HEAD1);Element root = doc.getRootElement();

通过上面语句创建一个xml doc文件，通过以下方式来获得4中param传过来的参数

Map mapForm = (Map)form;String current_area_id = DynaFormUtils.getString(mapForm,"current_area_id",null);String poll_cnt= DynaFormUtils.getString(mapForm,"poll_cnt",null);//购买位置数String hot_industry=DynaFormUtils.getString(mapForm,"hot_industry",null);//热跟踪行业String divI=DynaFormUtils.getString(mapForm,"i",null);//获得div的ID

最后将由数据库中读取的数据写入到xml文件中，传入前台执行resultHander

 

XMLUtils.addChildByList(root, "count", datas);ResponseUtils.getInstance().WriteResponse(response, doc);