前端如何获取xml

A. js怎么获取xml里某个节点的值并输出

1、用 childNodes 属性，按顺序取

实现过程：首先创建一个 xml 对象，然后载入 xml 文件，再根据待取节点父节点在 xml 文件中的序号和本身的序号，确定待取节点的位置，最后返回待取节点的值。

//pId 待取节点父节点序号
//cId 待取节点序号

functiongetXmlNodeValue(pId,cId){
varxmlDoc=newActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false;
xmlDoc.load("employeeInfo.xml");
varnodes=xmlDoc.documentElement.childNodes[pId].childNodes[cId];returnnodes.childNodes[0].text;
}

调用方法：alert(getXmlNodeValue(1, 2));

2、用 for 循环来取

实现过程：首先创建一个 ie 支持的xml 对象，如果发生异常，是创建一个 FireFox 支持的空 xml 对象并返回空；然后载入 xml 文件，如要发生异常也返回空；最后，通过 for 循环遍历查找与传入的节点值相同的节点，找到后返回属于该节点的属性值。

//nodeValue 待取节点的所属节点值

functiongetXmlNodeValueFor(nodeValue){
varxmlDoc;
try{
//创建一个ie支持的XML文档对象
xmlDoc=newActiveXObject("Microsoft.XMLDOM");
}catch(e){
try{
//创建FireFox空的XML文档对象
xmlDoc=document.implementation.createDocument("","",null);
}catch(e){
alert(e.message);
return"";
}
}
xmlDoc.async=false;
try{
xmlDoc.load("employeeInfo.xml");
}catch(e){
alert(e.message);
return"";
}
varxd=xmlDoc.documentElement.childNodes;
if(xd==null)
return"";
vartempValue;
for(vari=0;i<xd.length;i++){
if(xd[i].childNodes[0].childNodes[0].nodeValue==nodeValue)tempValue=xd[i].childNodes[2].childNodes[0].nodeValue;
}
returntempValue;
}

调用方法：alert(getXmlNodeValueFor("王佳琳"));

B. jquery如何获取xml指定值

一般步骤如下：

1. 读取xml文件

$.get("xmlfile.xml",function(xml){
//xml即为可以读取使用的内容，具体读取见第2点
});

2. 读取xml内容

如果读取的xml是来于xml文件，这结合上面的那点，处理如下：

$.get("xmlfile.xml",function(xml){
$(xml).find("item").length;
});

如果读取的是xml字符串，则要注意一点，xml字符串的必然被"<xml>"和"</xml>"包围才可以被解析

$("<xml><root><item></item></root></xml>").find("item").length;

解析xml内容：

示例xml：

<?xmlversion="1.0"encoding="utf-8"?>
<fields>
<fieldName="Name1">
<fieldname>dsname</fieldname>
<datatype>字符</datatype>
</field>
<fieldName="Name2">
<fieldname>dstype</fieldname>
<datatype>字符</datatype>
</field>
</fields>

以下是解析示例代码：

$(xml).find("field").each(function(){
varfield=$(this);
varfName=field.attr("Name");//读取节点属性
vardataType=field.find("datatype").text();//读取子节点的值
});

//查找指定field的值(第一个field的值)
$(xml).find("field:eq(0)").each(function(){
varfield=$(this);
varfName=field.attr("Name");//读取节点属性
vardataType=field.find("datatype").text();//读取子节点的值
});

C. js 如何读取xml文档内容

先判断浏览器，然后读取xml数据就可以了
//判断不同的浏览器
function InitMf()
{
var mf_change=false;
try {
mf_change = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
mf_change = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
mf_change = false;
}
}
if (!mf_change && typeof XMLHttpRequest!='undefined') {
mf_change = new XMLHttpRequest();
}
return mf_change;
}

读取数据
var xmlHttp = InitMf();
var HTML = "";
//获得xml文件
xmlHttp.open("GET", xmlfile+"?"+Math.random(), true);
// 设置处理服务器的JS函数，函数又 xmlHttp.onreadystatechange来确定
xmlHttp.onreadystatechange=function() {
//alert(xmlHttp.status);
if (xmlHttp.readyState==4 && xmlHttp.status==200) {
//ajax的XML传输的解析。获取解析的数据
var xml = xmlHttp.responseXML;
var node = xml.getElementsByTagName("item");//获得总结点
for(var i = 0 ; i < node.length ; i++){
var str_t = "";
var str_d = "";
var menuHTML = "";
var elem = node[i];
//下面开始获得子节点数据,当然可以继续循环，获得更下面的节点
var title = elem.getElementsByTagName("title")[0].textContent != undefined ? elem.getElementsByTagName("title")[0].textContent : elem.getElementsByTagName("title")[0].text;

这些只是部分代码，不过已经足够了

D. 怎么获取xml某个节点下的所有内容

可以通过元素中的getText方法获取到节点的内容。举例：SAXReader sax = new SAXReader();Document document = sax.read(reader);//reader为定义的一个字符串，可以转换为xmlElement root = document.getRootElement();//获取到根节点元素String str = root .getText()//获取到节点的内容用到的是dom4j-1.6.1.jar，需要引入的包是：import org.dom4j.Document;import org.dom4j.DocumentException;import org.dom4j.Element;import org.dom4j.io.SAXReader;备注：如果是多个子节点可以通过地Element xx=root .element("code")逗获取到子节点的元素，前提是需要知道子节点的名称。怎么获取xml某个节点下的所有内容

E. 用js怎样从服务器端获取xml格式的数据对象

可以考虑用一下,js + xpath.
参考如下:
var dom=this.LoadXmlString(xmlDomStr);//xmldom
dom.setProperty("SelectionLanguage", "XPath");
var nodes=dom.selectNodes(xpath);
//nodes为返回节点对象集.

F. xml在前端开发里什么时候会用到

xml是很有用的，具体给你举两个列子

1. 微信开发网页时，用的都是xml,它是一种标签语言，可以在里面自定义标签，用来表示具体的含义。

2.可以作为数据交互。比如后台要传数据给前端，或者安卓手机端，可以采用xml。

举例：

<message>
<id>10</id>
<sender>jack</sender>
<content>helloworld</content>
<time>10:10:00</time>
<message>

这样是不是格式很清晰呀，所以，做数据格式化传输

G. 如何获取XML页面的数据如题 谢谢了

这个连接介绍的方法在实践中并不经常使用，因为很原始。它适合操作本地文件。 1.如若你是获取xml，那应该使用 simplexml_load_file('url')这个函数，他返回一个xml的DOM模型对象，这个模块是专门针对xml应用设计的。具体可以查找php的simpleXML相关应用。 2.如果你是获取html。那么，php中几乎所有的目录函数都支持远程操作，即文件参数可以是网址。最适合的函数是file_get_contents('url'),他返回文件内容。 但是大部分免费空间禁止远程调用，如果是这样，fopen()或者其他函数都是不行的。那就只能在网页中用javascript获取然后处理或者送回网站处理，此方面内容属于ajax技术，你可以搜索一下。 3.你如果要用到比较复杂一点的功能，比如要打开的页面 需要登陆，或者需要模拟cookie,就要用php的cURL库扩展，你可以找一下相关资料 我不能用一篇短文使你学会这几个模块的具体应用。

H. 前端怎么传xml文件到

WebService中文件传输
WebService处理传递普通的信息，还可以传输文件，下面介绍WebService是怎么完成文件传输的。
1、 首先编写服务器端上传文件的WebService方法

package com.hoo.service;

import java.io.File;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.InputStream;
import javax.activation.DataHandler;

/**
* <b>function:</b>Axis WebService完成文件上传服务器端
* @author hoojo
* @createDate Dec 18, 2010 1:16:16 PM
* @file UploadFileService.java
* @package com.hoo.service
* @project AxisWebService
* @blog http://blog.csdn.net/IBM_hoojo
* @email [email protected]
* @version 1.0
*/
public class UploadFileService {

/**
* <b>function:</b>传递文件
* @author hoojo
* @createDate Dec 18, 2010 1:27:58 PM
* @param handler DataHandler这个参数必须
* @param fileName 文件名称
* @return upload Info
*/
public String upload(DataHandler handler, String fileName) {
if (fileName != null && !"".equals(fileName)) {
File file = new File(fileName);
if (handler != null) {
InputStream is = null;
FileOutputStream fos = null;
try {
is = handler.getInputStream();
fos = new FileOutputStream(file);
byte[] buff = new byte[1024 * 8];
int len = 0;
while ((len = is.read(buff)) > 0) {
fos.write(buff, 0, len);
}
} catch(FileNotFoundException e) {
return "fileNotFound";
} catch (Exception e) {
return "upload File failure";
} finally {
try {
if (fos != null) {
fos.flush();
fos.close();
}
if (is != null) {
is.close();
}
} catch (Exception e) {
e.printStackTrace();
}
}
return "file absolute path:" + file.getAbsolutePath();
} else {
return "handler is null";
}
} else {
return "fileName is null";
}
}
}

上传方法和我们以前在Web中上传唯一不同的就是参数一DataHandler，可以将这类看成文件传输器，他可以把文件序列化。然后通过DataHandler可以得到一个输入流InputStream，通过这个流可以读到文件的内容。其他的操作和普通上传类似。
2、 定制wsdd发布文件上传的WebService服务

<?xml version="1.0" encoding="UTF-8"?>
<deployment xmlns="http://xml.apache.org/axis/wsdd/"
xmlns:java="http://xml.apache.org/axis/wsdd/providers/java">
<service name="UploadFile" provider="java:RPC">
<parameter name="className" value="com.hoo.service.UploadFileService" />
<parameter name="allowedMethods" value="*" />
<parameter name="scope" value="Session" />
<!-- 和服务器端上传文件的方法签名对应，参数也对应 -->
<operation name="upload" qname="operNS:upload" xmlns:operNS="upload" returnType="rns:string"
xmlns:rns="http://www.w3.org/2001/XMLSchema">
<parameter name="handler" type="ns:DataHandler" xmlns:ns="http://www.w3.org/2001/XMLSchema"/>
<parameter name="fileName" type="ns:string" xmlns:ns="http://www.w3.org/2001/XMLSchema"/>
</operation>
<typeMapping qname="hns:DataHandler" xmlns:hns="ns:FileUploadHandler"
languageSpecificType="java:javax.activation.DataHandler"
serializer="org.apache.axis.encoding.ser." deserializer="org.apache.axis.encoding.ser." encodingStyle="http://schemas.xmlsoap.org/soap/encoding/"/>
</service>
</deployment>

上面才xml节点元素在前面都见过了，说明下operation中的参数，注意要指定参数类型，特别是DataHandler的类型，然后就是typeMapping的serializer、deserializer的序列化和反序列化工厂类的配置。
3、 用dos命令发布当前WebService
C:\SoftWare\tomcat-5.0.28\tomcat-5.0.28\webapps\AxisWebService\WEB-INF>java -Djava.ext.dirs=lib org.apache.axis.client.AdminClient -lhttp://localhost:8080/AxisWebService/services/AdminService deployUpload.wsdd
发布完成后，可以通过这个地址查看uploadFile这个service了
http://localhost:8080/AxisWebService/servlet/AxisServlet
4、 编写客户端代码

package com.hoo.client;

import java.rmi.RemoteException;
import javax.activation.DataHandler;
import javax.activation.FileDataSource;
import javax.xml.namespace.QName;
import javax.xml.rpc.ParameterMode;
import javax.xml.rpc.ServiceException;
import org.apache.axis.client.Call;
import org.apache.axis.client.Service;
import org.apache.axis.encoding.XMLType;
import org.apache.axis.encoding.ser.;
import org.apache.axis.encoding.ser.;

/**
* <b>function:</b>上传文件WebService客户端
*
* @author hoojo
* @createDate Dec 18, 2010 1:38:14 PM
* @file UploadFileClient.java
* @package com.hoo.client
* @project AxisWebService
* @blog http://blog.csdn.net/IBM_hoojo
* @email [email protected]
* @version 1.0
*/
public class UploadFileClient {

public static void main(String[] args) throws ServiceException, RemoteException {
String url = "http://localhost:8080/AxisWebService/services/UploadFile";
String fileName = "readMe.txt";
String path = System.getProperty("user.dir") + "\\WebRoot\\" + fileName;
System.out.println(path);

//这样就相当于构造了一个带文件路径的File了
DataHandler handler = new DataHandler(new FileDataSource(path));

Service service = new Service();
Call call = (Call) service.createCall();
call.setTargetEndpointAddress(url);

/**
* 注册异常类信息和序列化类 ns:FileUploadHandler 和 wsdd 配置文件中的typeMapping中的xmlns:hns="ns:FileUploadHandler" 的对应 DataHandler
* 和 wsdd 配置文件中的typeMapping中的qname="hns:DataHandler"的DataHandler对应
*/
QName qn = new QName("ns:FileUploadHandler", "DataHandler");
call.registerTypeMapping(DataHandler.class, qn,
.class,
.class);
call.setOperationName(new QName(url, "upload"));

//设置方法形参，注意的是参数1的type的DataHandler类型的，和上面的qn的类型是一样的
call.addParameter("handler", qn, ParameterMode.IN);
call.addParameter("fileName", XMLType.XSD_STRING, ParameterMode.IN);

//设置返回值类型，下面2种方法都可以
call.setReturnClass(String.class);
//call.setReturnType(XMLType.XSD_STRING);

String result = (String) call.invoke(new Object[] { handler, "remote_server_readMe.txt" });
System.out.println(result);
}
}

至此，文件传输就完成了。怎么样，还不错吧！
如果你用myEclipse进行开发的话，运行时可能会出现以下的错误:
Exception in thread "main" java.lang.NoClassDefFoundError: com/sun/mail/util/LineInputStream
原因是jar包版本不统一,解决方法如下:
删除Java EE 5 Libraries/javaee.jar/mail里的包有东西.
具体方法如下:
用rar打开X:/Program Files/MyEclipse 6.0/myeclipse/eclipse/plugins/com.genuitec.eclipse.j2eedt.core_6.0.1.zmyeclipse601200710/data/libraryset/EE_5/javaee.jar,然后删除mail,一切就ok了.

I. 怎么通过js跨域获取xml文件并解析到html上呢我要弄一个简单天气预报的页面，主要是怎么去获取。

既然是个API，按理它本身应该提供跨域解决方案的，否则它就是个不完善的API。如果确实要自己解决，我个人认为只有通过代理页面转发才是最好的方法，就是说自己要有可控制的服务器（ 虚拟主机也可），然后用php、asp或jsp做一个程序文件，你的js把ajax请求发送到这个文件中，这个文件再通过你说的api把请求发送到目标服务器（服务器间的通讯是不存在跨域问题的），获取到xml数据后再转发给你的js，也就是说你只需要跟你自己的服务器联系即可，剩下的事由它去完成。