jQuery解析创建XML档

最新推荐文章于 2023-06-21 21:05:49 发布

guofei886

最新推荐文章于 2023-06-21 21:05:49 发布

阅读量216

点赞数

分类专栏： Script~

本文链接：https://blog.csdn.net/guofei886/article/details/12834187

版权

Script~ 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

1.服务器返回XML

程序代码

package cn.limaoyuan.jquery.xml;

import java.io.IOException;

import java.io.PrintWriter;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

public class JqueryServletForXml extends HttpServlet {

public void doGet(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

System.out.println("into JqueryServletForXml");

//response.setContentType("text/html"); //以text/html方式返回

response.setContentType("text/xml");

response.setCharacterEncoding("gbk");

String xml = "<?xml version=\"1.0\" encoding=\"gbk\"?><userlist><user><name>limy_1</name><age>25_1</age></user><user><name>limy_2</name><age>25_2</age></user></userlist>";

response.getWriter().println(xml);

}

public void doPost(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

doGet(request, response);

}

2.页面的东东

程序代码

<head>

<title>StripingTable</title>

<!--

*.*{

font-size: 12px;

}

-->

</style>

<!--

$(document).ready(function(){});

function getAjaxByXml(){

$("#info").ajaxStart(function(){

$(this).attr("innerHTML","开始加载!");

});

$("#info").ajaxError(function(request, settings){

$(this).attr("innerHTML","出错页面：" + settings.url);

});

$("#info").ajaxSuccess(function(){

$(this).attr("innerHTML","加载完成!");

});

$.post("../servlet/JqueryServletForXml",{t:new Date()},function(data){

//1.服务器设置的text/xml格式

var node = data.selectNodes("//user"); //这里data直接就已经是xml对象了，可以直接使用xpath进行解析

for(var i=0;i<node.length;i++){

var children = node[i].childNodes; //得到user节点的子节点集合

var childLen = children.length;

for(var j=0;j<childLen;j++){

//alert(children[j].firstChild.nodeValue); //得到子节点第一个文本对象的值

$("#responseText").append(children[j].firstChild.nodeValue +" ");

}

//2.如果服务器设置返回的是text/html，而又想用xml对象，那么就需要单独来转换一下

var xmlDoc = loadXML(false,data);//这时的data只是普通的字条串，经过这步后的xmlDoc才是xml对象了

var node = xmlDoc.selectNodes("//user"); //得到所有user节点

for(var i=0;i<node.length;i++){

var children = node[i].childNodes; //得到user节点的子节点集合

var childLen = children.length;

for(var j=0;j<childLen;j++){

//alert(children[j].firstChild.nodeValue); //得到子节点第一个文本对象的值

$("#responseText").append(children[j].firstChild.nodeValue +" ");

}

//3.纯jquery解析xml,前提返回的要是text/xml格式

//var name = $(data).find("user").find("name").eq(1).text();//如果单取某一个user可以用eq(index) 这个方法

$(data).find("user").each(function(){

var name = $(this).find("name").text();

var age = $(this).find("age").text();

$("#responseText").append(name+" " + age + " <br/>");

});

//4.纯jquery解析xml，方法二！更深奥,当然方法没有第3种简便，关键是掌握取得层次关系可以用find(父级+空格+子级)来定位

$(data).find("user").each(function(i){

var name = $(data).find("user name").eq(i).text(); //用find的另一个用法（父级+空格+子级）

var age = $(data).find("user age").eq(i).text();

$("#responseText").append(name+" " + age + " <br/>");

});

}

-->

</script>

</head>

<body>

</bdoy>

</html>

3.提供一个js生成xml对象的类loadxml.js

程序代码

function loadXML(flag,xml){

var xmlDoc;

//针对IE浏览器

if(window.ActiveXObject){

var aVersions = ["MSXML2.DOMDocument.6.0","MSXML2.DOMDocument.5.0","MSXML2.DOMDocument.4.0","MSXML2.DOMDocument.3.0","MSXML2.DOMDocument","Microsoft.XmlDom"];

for (var i = 0; i < aVersions.length; i++) {

try {

//建立xml对象

xmlDoc = new ActiveXObject(aVersions[i]);

break;

} catch (oError) {

}

if(xmlDoc != null){

//同步方式加载XML数据

xmlDoc.async = false;

//根据XML文档名称装载

if(flag == true){

xmlDoc.load(xml);

} else{

//根据表示XML文档的字符串装载

xmlDoc.loadXML(xml);

}

//返回XML文档的根元素节点。

return xmlDoc.documentElement;

}

} else{

//针对非IE浏览器

if(document.implementation && document.implementation.createDocument){

xmlDoc = document.implementation.createDocument("","",null);

if(xmlDoc != null){

//根据XML文档名称装载

if(flag == true){

//同步方式加载XML数据

xmlDoc.async = false;

xmlDoc.load(xml);

} else{

//根据表示XML文档的字符串装载

var oParser = new DOMParser();

xmlDoc = oParser.parseFromString(xml,"text/xml");

}

//返回XML文档的根元素节点。

return xmlDoc.documentElement;

}

return null;

}

guofei886

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery解析创建XML档

1.服务器返回XML 程序代码package cn.limaoyuan.jquery.xml;import java.io.IOException;import java.io.PrintWriter;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;importjavax.ser
复制链接

扫一扫