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

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

当然可以，所有数据通过XML或者json来传递，这就是著名的SPA （Single Page Application 单页面应用）模式。
这样可以让前端和后台分工更明确，前后端的关键协作点是xml或者json的接口。

///////////////////////////////////////////////////////////
首先：xml文件（treexml）内容如下：
<xml version="10" encoding="gb2312">
<treeview>
<tree id="p1">
<text>山东省</text>
<target>_blank</target>
<title>省份</title>
<link></link>
<tree id="p1-1">
<text>威海市</text>
<target>_blank</target>
<title>城市</title>
<link></link>
</tree>
<tree id="p1-2">
<text>烟台市</text>
<target>_blank</target>
<title>城市</title>
<link></link>
<node id="p1-2-1">
<text>长夼村</text>
<target>_blank</target>
<title>乡镇</title>
<link>>JSON与XML的区别比较
1定义介绍
(1)XML定义
扩展标记语言 (Extensible Markup Language, XML)
，用于标记电子文件使其具有结构性的标记语言，可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。
XML使用DTD(document type definition)文档类型定义来组织数据;格式统一，跨平台和语言，早已成为业界公认的标准。
XML是标准通用标记语言 (SGML) 的子集，非常适合 Web 传输。XML 提供统一的方法来描述和交换独立于应用程序或供应商的结构化数据。
(2)JSON定义
JSON(JavaScript Object
Notation)一种轻量级的数据交换格式，具有良好的可读和便于快速编写的特性。可在不同平台之间进行数据交换。JSON采用兼容性很高的、完全独立于语言文本格式，同时也具备类似于C语言的习惯(包括C,
C++, C#, Java, JavaScript, Perl, Python等)体系的行为。这些特性使JSON成为理想的数据交换语言。
JSON基于JavaScript Programming Language , Standard ECMA-262 3rd Edition - December 1999 的一个子集。
2XML和JSON优缺点
(1)XML的优缺点
<1>XML的优点
A格式统一，符合标准；
B容易与其他系统进行远程交互，数据共享比较方便。
<2>XML的缺点
AXML文件庞大，文件格式复杂，传输占带宽；
B服务器端和客户端都需要花费大量代码来解析XML，导致服务器端和客户端代码变得异常复杂且不易维护；
C客户端不同浏览器之间解析XML的方式不一致，需要重复编写很多代码；
D服务器端和客户端解析XML花费较多的资源和时间。
(2)JSON的优缺点
<1>JSON的优点：
A数据格式比较简单，易于读写，格式都是压缩的，占用带宽小；
B易于解析，客户端JavaScript可以简单的通过eval()进行JSON数据的读取；
C支持多种语言，包括ActionScript, C, C#, ColdFusion, Java, JavaScript, Perl, PHP, Python, Ruby等服务器端语言，便于服务器端的解析；
D在PHP世界，已经有PHP-JSON和JSON-PHP出现了，偏于PHP序列化后的程序直接调用，PHP服务器端的对象、数组等能直接生成JSON格式，便于客户端的访问提取；
E因为JSON格式能直接为服务器端代码使用，大大简化了服务器端和客户端的代码开发量，且完成任务不变，并且易于维护。
<2>JSON的缺点
A没有XML格式这么推广的深入人心和喜用广泛，没有XML那么通用性；
BJSON格式目前在Web Service中推广还属于初级阶段。
在Javascript中实现XML和JSON相互转换
先看调用例子：
代码如下:
var xmlParser = new XmlToJson();
var json = xmlParserparse(xml);
consolelog( JSONstringify(json) );
var jsonParser = new JsonToXml();
var xml = jsonParserparse(json);
consolelog( xml );
XML转换为JSON：
复制代码 代码如下:
function XmlToJson() {
}
XmlToJsonprototypesetXml = function(xml) {
if(xml && typeof xml == "string") {
thisxml = documentcreateElement("div");
thisxmlinnerHTML = xml;
thisxml = thisxmlgetElementsByTagName("")[0];
}
else if(typeof xml == "object"){
thisxml = xml;
}
};
XmlToJsonprototypegetXml = function() {
return thisxml;
};
XmlToJsonprototypeparse = function(xml) {
thissetXml(xml);
return thisconvert(thisxml);
};
XmlToJsonprototypeconvert = function(xml) {
if (xmlnodeType != 1) {
return null;
}
var obj = {};
objxtype = xmlnodeNametoLowerCase();
var nodeValue = (xmltextContent || "")replace(/(\r|\n)/g, "")replace(/^\s+|\s+$/g, "");
if(nodeValue && xmlchildNodeslength == 1) {
objtext = nodeValue;
}
if (xmlattributeslength > 0) {
for (var j = 0; j < xmlattributeslength; j++) {
var attribute = xmlattributesitem(j);
obj[attributenodeName] = attributenodeValue;
}
}
if (xmlchildNodeslength > 0) {
var items = [];
for(var i = 0; i < xmlchildNodeslength; i++) {
var node = xmlchildNodesitem(i);
var item = thisconvert(node);
if(item) {
itemspush(item);
}
}
if(itemslength > 0) {
objitems = items;
}
}
return obj;
};
JSON转换为XML：
复制代码 代码如下:
function JsonToXml() {
thisresult = [];
}
JsonToXmlprototypespacialChars = ["&","<",">","\"","'"];
JsonToXmlprototypevalidChars = ["&","<",">",""","'"];
JsonToXmlprototypetoString = function(){
return thisresultjoin("");
};
JsonToXmlprototypereplaceSpecialChar = function(s){
for(var i=0;i s=sreplace(new RegExp(thisspacialChars[i],"g"),thisvalidChars[i]);
}
return s;
};
JsonToXmlprototypeappendText = function(s){
s = thisreplaceSpecialChar(s);
thisresultpush(s);
};
JsonToXmlprototypeappendAttr = function(key, value){
thisresultpush(" "+ key +"=\""+ value +"\"");
};
JsonToXmlprototypeappendFlagBeginS = function(s){
thisresultpush("<"+s);
};
JsonToXmlprototypeappendFlagBeginE = function(){
thisresultpush(">");
};
JsonToXmlprototypeappendFlagEnd = function(s){
thisresultpush("");
};
JsonToXmlprototypeparse = function(json){
thisconvert(json);
return thistoString();
};
JsonToXmlprototypeconvert = function(obj) {
var nodeName = objxtype || "item";
thisappendFlagBeginS(nodeName);
var arrayMap = {};
for(var key in obj) {
var item = obj[key];
if(key == "xtype") {
continue;
}
if(itemconstructor == String) {
thisappendAttr(key, item);
}
if(itemconstructor == Array) {
arrayMap[key] = item;
}
}
thisappendFlagBeginE();
for(var key in arrayMap) {
var items = arrayMap[key];
for(var i=0;i<itemslength;i++) { thisconvert(items[i]);
}
}
thisappendFlagEnd(nodeName);
};

对比查看其中html代码如下所示
<html>
<body>
<h1>W3Schoolcomcn Internal Note</h1>
<p>
<b>To:</b> <span id="to"></span><br />
<b>From:</b> <span id="from"></span><br />
<b>Message:</b> <span id="message"></span>
</p>
<script type="text/javascript">
if (windowXML>