关于Ajax处理 返回的XML

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于Ajax处理 返回的XML相关的知识,希望对你有一定的参考价值。

PrintWriter out = response.getWriter();
out.println("<?xml version=\"1.0\" encoding=\"utf-8\"?>");
out.println("<Users>");
out.println("<userInfo>");
out.println("<userName>"+userName+"</userName>");
out.println("<password>" + password + "</password>");
out.println("</userInfo>");
out.println("</Users>");

这是servlet返回的xml
如果我在客户端 想要获取返回结果的userName节点 的值
function showXML()
var doc = XMLHttpReq.responseXML.documentElement;
var name = doc.getElementsByTagName('userName')[0].firstChild.nodeValue;
alert(name);

getElementsByTagName('userName')[0]的意思就是找到第一个userName,为什么后面还跟个firstChild呢?userName已经没有子节点了啊,如果去掉ChildsNode就会为空了,
但是如果我写成getElementsByTagName('userInfo')[0].ChildsNode[0].nodeValue 结果也是为空
我主要是想问 在读取这个xml文档的 userName节点的值的时候
使用getElementsByTagName('')[o].ChildsNode[0].nodeValue; 引号里面应该填那个节点? 为什么 ? 读取userName 还有没有其他的写法?

1.getElementsByTagName('userName')[0]的意思就是找到第一个userName,为什么后面还跟个firstChild呢?
这里的 doc.getElementsByTagName('userName')[0],得到的只是一个XMLDOMElement对象,也就是说,它虽然只是一个文字,但也是以对象出现的,
如果你要得到它的内容,就要访问它里面的元素,
同时.因为它是一个Element,它里面的文字,就是它的第一个子节点:firstChild
所以:doc.getElementsByTagName('userName')[0].firstChild得到的是一个XMLDOMText对象,最后一步要得到文本的值,就通过 doc.getElementsByTagName('userName')[0].firstChild.nodeValue来访问了.

2.使用getElementsByTagName('')[o].ChildsNode[0].nodeValue; 引号里面应该填那个节点?
要userName就应该写userName,要password就应该写:password
原因在于,你找不同元素,所要按元素名来找.

3.读取userName 还有没有其他的写法?
可以这样:
doc.documentElement.childNodes[0].childNodes[0].text

=====================
你的问题是属于XML技术里的DOM知识,可能有点难度,希望对你有所帮助!
参考技术A 在xml中<username>算一个节点,但是里面的值同样算一个节点本回答被提问者采纳 参考技术B var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false;
xmlDoc.load("xml文件地址");
nodes = xmlDoc.documentElement.childNodes;
var ItemN = xmlDoc.getElementsByTagName("节点名");
var j = ItemN.length;
for(var i=0;i<j;i++)
遍历节点

关于使用ajax导出excel问题

  最近有个需求是在页面导入文件,后端进行处理后返回处理结果的excel,前端使用的是ajax。我最开始的做法是:在原有代码后加一段导出excel的代码,结果代码能正常运行,但页面始终没有返回我需要的excel。

而后开始百度编程模式,得出以下结论:

  ajax是无法直接导出excel的,因为ajax的返回值只能是字符流,而导出excel是后台往浏览器中写入二进制的字节流

 

导出excel有以下两种方式:

方法一:window.location.href() & form表单.submit().

<a href="javascript:void(0)" onclick="exportExcel()">导出</a>

// 导出,使用这种方式可以,使用ajax请求不可以导出excel
function exportExcel(){
     var form = $("<form>");
     form.attr(‘style‘, ‘display:none‘);
     form.attr(‘target‘, ‘‘);
     form.attr(‘method‘, ‘post‘);
     form.attr(‘action‘, ‘${pageContext.request.contextPath}/user/export‘);

     var input1 = $(‘<input>‘);
     input1.attr(‘type‘, ‘hidden‘);
     input1.attr(‘name‘, ‘item‘);
     input1.attr(‘value‘, ‘test‘);      /* JSON.stringify($.serializeObject($(‘#searchForm‘))) */

     $(‘body‘).append(form);
     form.append(input1);
     
     form.submit();
     form.remove();    
}

 

function() {
    var stime = $("#layerdate").val();
    var etime = $("#layerdate2").val();
    window.location.href = "${pageContext.request.contextPath}/user/export?stime="+stime+"&etime="+etime;
}

  

方法二:ajax请求把参数缓存在后端返回给前端,前端ajax再次发起一个window.open(url?params=params)即可

$.ajax({
url: ‘../../eldercare/excel/export?_‘ + $.now(),
type: ‘post‘,
dataType: "json",
contentType : ‘application/json‘,
data : JSON.stringify(this.tableOpts),
success: function(data){
    window.open(‘../../eldercare/excel/downFromCache?params=‘+data.rows, ‘_self‘);
},

 

注意,使用window.open()或是window.location.href()时有个前端传值限制,超过限制数会报错。

Microsoft Internet Explorer (Browser):IE浏览器对URL的最大限制为2083个字符,如果超过这个数字,提交按钮没有任何反应。
Firefox (Browser):对于Firefox浏览器URL的长度限制为65,536个字符
Safari (Browser):URL最大长度限制为 80,000个字符。
Opera (Browser):URL最大长度限制为190,000个字符。
Google (chrome):url最大长度限制为8182个字符

  

以上是关于关于Ajax处理 返回的XML的主要内容,如果未能解决你的问题,请参考以下文章

关于Ajax返回XML格式数据和JSON格式数据的疑问

ajax返回数据类型为XML数据的处理

Struts2+Jquery实现ajax并返回json类型数据

关于AJAX调用,得到返回值总为undefined的疑问

Struts2+Jquery实现ajax并返回json类型数据

关于form表单提交数据后不跳转页面+ajax接收返回值的处理