精华内容
下载资源
问答
  • 本篇文章主要是对Jquery Ajax解析XML数据(同步及异步调用)的简单实例进行了介绍,需要的朋友可以过来参考,希望对大家有所帮助
  • EXTJS AJAX 解析 XML 数据

    千次阅读 2011-10-27 16:09:24
    EXTJS AJAX 从后台取 XML 数据 在页面上展示  页面JS function getAllAreaInfos() { var areaName = ""; Ext.Ajax.request({ method: 'POST', url: 'allAreaInfos', params: {...

    EXTJS  AJAX 从后台取 XML  数据 在页面上展示 


    页面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;
    	}



    展开全文
  • Jquery Ajax解析XML数据

    千次阅读 2009-01-22 14:26:00
    首先来看一个Jquery的onload的方法:$(document).ready(function() { ... 接下来进入主题了,Jquery Ajax解析XML数据,我也是新手,今天刚刚有时间试验了一下..加载Jquery包/jquery-1[1].2.6.pack.js">$.ajax({ url:

    首先来看一个Jquery的onload的方法:

    $(document).ready(function() {
               alert("aaaaa");
     });

     

    接下来进入主题了,Jquery Ajax来解析XML数据,我也是新手,今天刚刚有时间试验了一下..

    • 加载Jquery包<script type="text/javascript" src="<%=webRoot%>/jquery-1[1].2.6.pack.js"></script>
    • $.ajax({
            url:'/platform/contact/resetStatus.do?actionType=test',      //异步方法
            type: 'POST',
            dataType: 'xml',//这里可以不写,但千万别写text或者html!!!
            data: "&name=John",                 //传入的那么参数
            timeout: 1000,                            //延迟1秒执行
            error: function(){                        //返回失败后
            $('#rere').value("请稍候……");
            alert('Error loading XML document');
            },
            success: function(xml){              //返回成功
             $(xml).find("callcenter_response").each(function(){         //找到根节点
                 var id=$(this).children("policy_id");                               //节点名称
                 var policy_id=$(this).children("policy_id").text();          //节点值
                 var policy_code=$(this).children("policy_code").text();  //节点值
                 alert(policy_id);
             });
           }
          });  
    • public void test(HttpServletRequest request, HttpServletResponse response)
       throws Exception {
        PrintWriter out = response.getWriter();
        response.setContentType("text/xml");
        String xml = "<?xml version='1.0' encoding=/'UTF-8/'?><callcenter_response>";
        xml+="<policy_id>19049059</policy_id><policy_code>000486474153008</policy_code></callcenter_response>";
         out.write(xml);
         //out.print(xml);     //用这么返回xml好像也可以,具体还没有细看呢.
         out.flush();
         out.close(); 
       }
    展开全文
  • 1.xml数据: man woman 2.ajax处理: $(document).ready(function () { $.ajax({ type: "GET", //设置请求格式 url: "xml.xml

    1.xml数据:

    <?xml version="1.0" encoding="utf-8"?>
       <root>
          <username><![CDATA[zhangsan's]]></username>
          <sex>man</sex>
          <username><![CDATA[lisi<zhangsan]]></username>
          <sex>woman</sex>
       </root>
    
    
    2.ajax处理:

    <script src='jquery-1.7.2.min.js'></script>
    <script>
        $(document).ready(function () {  
        	
            $.ajax({  
                type: "GET",  //设置请求格式
                url: "xml.xml",  //请求路径
                dataType: "xml",  //声明xml格式
                success: function (ResponseText) {  
                    var length= $(ResponseText).find('username').size(); //获取数据长度
                    //获取对象
                    var username = $(ResponseText).find('username'); 
                    var sex = $(ResponseText).find('sex');
                    //拼接json字符串
                    var str = '[';
                    for(var i=0;i<length;i++){
                    	str+='{"name":"'+username.eq(i).text()+'","sex":"'+sex.eq(i).text()+'"},';
                    }
                    //截取最后一个 ,
                    str = str.substring(0,str.length-1);
                    str+=']';
            		//替换特殊字符
                    str = str.replace('<','<');
                    $('#div').html(str);
                }  
            });  
        });   
    </script>
    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>Document</title>
    </head>
    <body>
    	<div id='div'></div>
    </body>
    </html>

    3.效果:

    [{"name":"zhangsan's","sex":"man"},{"name":"lisi<zhangsan","sex":"woman"}]



    展开全文
  • jquery实现:function verify() { var userName = $("#userName").val(); //发送数据 $.ajax({ ... url:"AJAXXMLServer",//服务器段url地址 ... data:"name=" + userName,//发送给服务器... dataType:"xml",//告诉JQue

    jquery实现:

    function verify() {
        var userName = $("#userName").val();
        //发送数据
        $.ajax({
            type:"POST",        //http请求方式
            url:"AJAXXMLServer",//服务器段url地址
            data:"name=" + userName,//发送给服务器段的数据
            dataType:"xml",//告诉JQuery返回的数据格式
            success:callback //定义交互完成,并且服务器正确返回数据时的回调函数
        });
    }
    function callback(data) {
        //需要将data这个dom对象中的数据解析出来
        //首先需要将dom的对象转换成JQuery的对象
        var jqueryObj = $(data);
        //获取message节点的文本内容
        var text = jqueryObj.children("message").text();
        $("#result").html(text);
    }
    



    js传统实现

    //回调函数
    function callback() {
        //alert(xmlhttp.readyState);
        //5。接收响应数据
        //判断对象的状态是交互完成
        if (xmlhttp.readyState == 4) {
            //判断http的交互是否成功
            if (xmlhttp.status == 200) {
                //使用responseXML的方式来接收XML数据对象的DOM对象
                var domObj = xmlhttp.responseXML;
                if (domObj) {
                    //<message>123123123</message>
                    //dom中利用getElementsByTagName可以根据标签名来获取元素节点,返回的是一个数组
                    var messageNodes = domObj.getElementsByTagName("message");
                    if (messageNodes.length > 0) {
                        //获取message节点中的文本内容
                        //message标签中的文本在dom中是message标签所对应的元素节点的字节点,firstChild可以获取到当前节点的第一个子节点
                        //通过以下方式就可以获取到文本内容所对应的节点
                        var textNode = messageNodes[0].firstChild;
                        //对于文本节点来说,可以通过nodeValue的方式返回文本节点的文本内容
                        var responseMessage = textNode.nodeValue;
    
    
    
                        //将数据显示在页面上
                        //通过dom的方式找到div标签所对应的元素节点
                        var divNode = document.getElementById("result");
                        //设置元素节点中的html内容
                        divNode.innerHTML = responseMessage;
                    } else {
                        alert("XML数据格式错误,原始文本内容为:" + xmlhttp.responseText);
                    }
                } else {
                    alert("XML数据格式错误,原始文本内容为:" + xmlhttp.responseText);
                }
            } else {
                alert("出错了!!!");
            }
        }
    }
    
    展开全文
  • Ajax发送XML数据解析

    千次阅读 2017-03-15 19:57:54
    Ajax-XML技术: 将前台数据封装成XML数据,可以实现发送更复杂的数据。 流程:前台将数据拿到以后,封装成XML数据,向后台... 后台也可向前台发送XML数据,也是利用dom树来解析 前台: ajaxXml.jsp ; char
  • 解析xml文件,然后将城市列表...前端代码:jQuery ajax解析xml文件demo城市列表:城市信息:function cityajax(){var olist=$("#list");var otext=$("#texts");var arr=new Array();$.ajax({url:"/city_xml/XML/ci...
  • Ajax处理XML数据演示

    2017-08-28 15:21:07
    Ajax处理XML数据演示从网页中发送一个XML格式的数据,到后台解析出来,将结果转换成XML格式发送回去,交给前台解析
  • HTML/Ajax/XML数据交互:HTML通过Ajax读取XML的存储信息

    千次阅读 热门讨论 2016-01-19 16:58:59
    介绍: HTML/Ajax/XML数据交互:HTML通过Ajax读取XML的存储信息
  • 利用AJAX返回XML数据

    2019-08-06 17:38:27
    利用AJAX返回xml数据:使用AJAX和XML完成操作 在这里我们可以通过一个普通的静态的xml文件,然后利用AJAX来接收xml的返回效果。当然也可以直接在后台利用DOM动态生成xml文件,并通过AJAX进行显示。 一、接收静态的...
  • 这是用ajax读取xml数据类型的例子,其中只能在chrome与firefox运行,在ie不能正常运行。
  • ajax 处理 xml 数据

    2010-09-13 23:35:00
    最近,trainer 派了第一份对公司有意义的活给我,根据对方提供的xml数据,进行...然后,耗了点时间网上查了,发现是ajaxxml数据时会出现域的问题 找了篇蛮好的文章: http://www.ibm.com/developerworks/cn/x
  • Ajax读取XML数据

    千次阅读 2019-01-08 12:14:27
    XML数据:是为了携带更多的数据返回, 假设有如下的XML数据 &lt;?xml version="1.0" encoding="utf-8" standalone="no"?&gt; &lt;shop&gt; &lt;book id=&...
  • 在jQuery中利用AJAX加载XML数据解析

    千次阅读 2014-12-18 17:41:52
    在jQuery中利用AJAX加载XML数据解析   1,Content-Type 很多时候无法解析就是Content-Type的问题。 如果本身就是xml文件,请跳过这一步 动态生成的XML一定要将其设置为text/xml,否则默认就是text/html也...
  • jQuery中$.ajax解析xml、json格式数据

    千次阅读 2014-12-03 11:25:53
    $.ajax()方法参数详解: 1、利用ajax解析xml 2、利用ajax解析json
  • ajax请求json和xml数据及对json和xml格式数据的解析一、ajax请求json数据并解析ajax的写法:json数据解析:请求json经常出现的跨域报错:二、ajax请求xml数据解析ajax的写法:xml数据解析: 最近写插件的时候,...
  • ajaxxml数据交互

    2009-10-18 09:23:00
    ajaxxml数据交互AJAX可以通过使用XML文件来让信息产生互动AJAX XML 实例在先面的AJAX实例中我们将演示如何让WEB页面使用AJAX技术来获取到来自XML文件的信息从下拉框中选择一盘CD选择CD: Bob DylanBonnie ...
  • AJAX使用XML获取数据

    2016-12-30 22:29:47
    AJAX使用XML获取数据
  • 可通过许多方式从XML文件中抓取数据,jQuery有内置的功能,其使用ajax()方法,可以获取XML文件并将数据发送到一个自定义的解析函数中:$.ajax({type:"GET",url:"regional_sales.xml",dataType:"xml",success:xml...
  • ajax传输xml数据:只要把数据封装成xml格式就可以实现传输,前台js用responseXML接收xml参数,后台读取用流和dom4j来解析前台页面Ajax XML数据处理演示//get方式ajaxfunction send1(){alert("ok");var name=document...
  • js中ajax发送xml数据,java对xml解析(蓝色标记重点)
  • 请求xml数据的时候需要在浏览器端用 ajax.responseXML属性去接受。 php服务器端需要设置 header为 xml的类型 浏览器端处理数据可按照dom的操作去解析xml
  • JavaScript-ajax请求xml数据

    千次阅读 2018-05-19 11:04:02
    XML部分: &lt;?xml version="1.0" encoding="UTF-8" ?&gt; &lt;students&gt; &lt;student&gt; &lt;name&gt;wendy&lt;/name&gt; &lt;age&...
  • Ajax解析XML

    千次阅读 2007-10-24 14:12:00
    Ajax读取XML格式的数据,只需要读取XMLHttpRequest对象返回的responseXML 属性即可。responseXML是XMLHttpRequest对象的一个属性,作用是将服务器响应以XML 文档形式返回,换句话说responseXML就相当于一个XML文档....
  • Ajax解析XML

    千次阅读 2007-08-02 15:43:00
    Ajax读取XML格式的数据,只需要读取XMLHttpRequest对象返回的responseXML 属性即可。responseXML是XMLHttpRequest对象的一个属性,作用是将服务器响应以XML 文档形式返回,换句话说responseXML就相当于一个XML文档....
  • 我试图通过首先获取xml文件的内容并将其存储在XML DOM中来显示xml文件中的数据。...将XML内容作为XML文件接收时,使用Ajax和Javascript加载XML数据这是误差的代码:xmlhttp.open("GET","company.xml", false); ...
  • 在本例中AJAX通过解析XML文件得到的数据传回到jsp页面,其中省市均是从数据库取到的值: jsp页面代码: 代码如下: <%@ page language=”java” import=”java.util.*” pageEncoding=”UTF-8″%> <% ...
  • ajax解析xml

    千次阅读 2012-03-03 23:22:59
    java解析xml 案例:  html:   java解析xml  #div{  background-color:#CCC;  width:300px;  height:150px;  }  //定义两个行数  function getXml(){  //定义url

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 118,633
精华内容 47,453
关键字:

ajax解析xml数据