EXTJS AJAX 解析 XML 数据
2011-10-27 16:09
225 查看
EXTJS AJAX 从后台取 XML 数据 在页面上展示
页面JS
action
页面JS
function getAllAreaInfos() { var areaName = ""; Ext.Ajax.request({ method: 'POST', url: 'allAreaInfos', params: {"areaName":areaName}, waitMsg: '数据更新中,请稍后...', success: function(response,options){ var xmlDoc = response.responseXML; if(xmlDoc!=null) { var ais = xmlDoc.getElementsByTagName("Areainfo"); if(ais!=null&&ais.length>0) { for(var i=0;i<ais.length;i++)// DB { var asId = (ais[i].getElementsByTagName("id")[0].childNodes[0].nodeValue); // 第i个areaInfos的id var asName = (ais[i].getElementsByTagName("name")[0].childNodes[0].nodeValue); // 第i个areaInfos的名字 var allCapacity = (ais[i].getElementsByTagName("allCapacity")[0].childNodes[0].nodeValue); // 第i个areaInfos的总装机容量 //document.getElementById(asName).innerHTML=""; document.getElementById(asName).innerHTML=allCapacity;//得到的数据在页面上展示 } } } }, failure: function(response,options){ Ext.Msg.alert("信息提示", "获取数据库数据出错,请稍后再试!"); }, autoAbort:false }); }
action
public String getAllAreaInfos() { try { List<Areainfo> list = null; if(areaName!=null&&!areaName.equalsIgnoreCase("null")&&areaName.trim().length()>0) { list = mapInfos.findAllAreaInfos(this.subStringAreaName(areaName)); } else list = mapInfos.findAllAreaInfos(null); response.setContentType("text/xml;charset=utf-8"); response.setCharacterEncoding("utf-8"); PrintWriter pw = null; pw = response.getWriter(); StringBuffer sb = new StringBuffer(); sb.append("<?xml version=\"1.0\" encoding=\"UTF-8\"?>"); sb.append("<Items>"); if(list==null) { sb.append("<Areainfo>"); sb.append("<id>").append("no").append("</id>"); sb.append("</Areainfo>"); } else { for (int i = 0; i < list.size(); i++) { Areainfo v = list.get(i); sb.append("<Areainfo>"); sb.append("<id>").append(v.getId()).append("</id>"); sb.append("<name>").append(v.getName()).append("</name>"); sb.append("<allCapacity>").append(v.getAllcapacity()).append("</allCapacity>"); sb.append("</Areainfo>"); } } sb.append("</Items>"); String xmlDBTree = sb.toString(); pw.print(xmlDBTree); pw.flush(); pw.close(); } catch (Exception e) { e.printStackTrace(); } return null; }
相关文章推荐
- EXTJS AJAX解析XML数据
- Ajax实现xml文件数据插入数据库(一)--- 构建解析xml文件的js库
- HTML5第8次课堂笔记( 模拟form表单提交数据,xml的解析,jQuery的Ajax方法使用, mui的ajax)
- ajax对 XML 和 Json 数据的解析
- WebAPI返回数据类型解惑 以及怎样解决Extjs无法解析返回的xml
- Ajax请求Servlet返回文本 json html和XML数据并解析xml及responseText和responseXML的区别
- jQuery实现ajax跨域请求XML数据 并解析XML元素
- Ajax请求Servlet返回文本 json html和XML数据并解析xml及responseText和responseXML的区别
- WebAPI返回数据类型解惑 以及怎样解决Extjs无法解析返回的xml
- 在jQuery中利用AJAX加载XML数据并解析
- Ajax实现xml文件数据插入数据库(一)--- 构建解析xml文件的js库
- Ajax解析xml中的数据
- Jquery:Ajax解析XML数据(同步及异步调用)
- jQuery中$.ajax解析xml、json格式数据
- 在jQuery中利用AJAX加载XML数据并解析
- javascript 解析ajax返回的xml和json格式的数据
- ajax传输的数据格式(XML,json)怎么获取解析
- jquery ajax 请求、解析返回来的xml数据
- javascript 解析ajax返回的xml和json格式的数据
- 在jQuery中利用AJAX加载XML数据并解析