其实标题只是一个噱头罢了,只是想谈一下,JavaScript 与 Actionscript 是如何操作XML的。
希望能帮助一些只用 JavaScript 或 只懂 Actionscript 的朋友,了解两者的相同与不同之处。
Flash 与 后台连接有许多种,Actionscript 调用 XML() 算是比较简单的一种了,
而JavaScript 调用 XMLHttp ,便形成了现在很流行的Ajax了。
现在就用一个网上常出现的分页效果来对 Flash 和 Ajax 做个入门学习。
效果预览
源文件下截
source.rar
实际运用中一般是通过后台脚本生成XML文件,再对其产生的数据进行操作
由于篇幅关系在本文中将用1.XML 2.XML 3.XML代替。后台脚本不做说明
首先了解一个XML的结构:
…
….
从简单的Flash开始吧
function setXML(page){
pageXML = new XML(); //申明XML对象
pageXML.ignoreWhite = true; //允许空白
pageXML.load(page+".XML?rid="+Math.random()); //读取XML文件
pageXML.onLoad = function(success)
{
if (success)
{
parseXML(pageXML); //如果读取成功,分析XML文件
}
}
}
function parseXML(pageXML){
XMLroot = ageXML.firstChild; //定义XML根目录
for (i=0;i { attachMovie("tr","tr_"+i,i); //生成行 this["tr_"+i]._x = 13; this["tr_"+i]._y = 25*i+33; this["tr_"+i].no = XMLroot.childNodes[i].attributes.id; //取得一条记录的ID this["tr_"+i].name = XMLroot.childNodes[i].firstChild; //片名 this["tr_"+i].type = XMLroot.childNodes[i].attributes.type; //类型 page = pageXML.firstChild.attributes.page; //获取当前页 } } if (!page) //初始页码为第一页 page=1; setXML(page); //初始第一页内容 presetXMLbtn.onRelease = function() { setXML(page*1-1); //向前翻页,读取内容 } nextbtn.onRelease = function() { setXML(page*1+1); //向后翻页,读取内容 } 接下来是Ajax了 关于Ajax 入门学习可以有翻一下我以前的日志,我推荐过两篇不错的文章 var XMLHttp /* 第一部分是有关XMLHttp的申明,因为IE和其它一些浏览生成XMLHttp的对象有一点两样,所以申明时比较麻烦 其它主要功能相当于Flash方式中的 "new XML()" 当然还包函其它功能 */ function GetXMLHttpObject(handler) { var objXMLHttp=null; if (navigator.userAgent.indexOf("MSIE")>=0) { var strName="MsXML2.XMLHTTP"; if (navigator.appVersion.indexOf("MSIE 5.5")>=0) //既使是IE都有两种申明方式 { strName="Microsoft.XMLHTTP"; } try { objXMLHttp=new ActiveXObject(strName); objXMLHttp.onreadystatechange=handler; return objXMLHttp; } catch(e) { alert("Error. Scripting for ActiveX might be disabled"); return; } } else { objXMLHttp=new XMLHttpRequest(); //Firefox、Opera等都是用这种 objXMLHttp.onload=handler; objXMLHttp.onerror=handler; return objXMLHttp; } } //首先要被调用的函数,可看作上面Flash中的 setXML()函数, function showpage(no) { document.getElementById("loadstatus").innerHTML = "Lading…"; var url = no+".XML?rid="+Math.random(); //stateChanged_showplist是下面的函数名,注意的是不要加括号 XMLHttp=GetXMLHttpObject(stateChanged_showplist); //传递方式是GET,也可以选择POST方式,有时传递变量是中文要记得设置文件头 XMLHttp.open("GET", url , true); XMLHttp.send(null); } //分析XML函数 function stateChanged_showplist() { if (XMLHttp.readyState==4 || XMLHttp.readyState=="complete") //XMLHttp.readyState==4 4表示读取结束 { document.getElementById("loadstatus").innerHTML = " "; table = document.getElementById("pagebody"); //生成TALBE Element for (i = table.rows.length-1; i >= 0; i–) //要删除原来有的行,不然表格会无限延伸 table.deleteRow(i); XMLroot = XMLHttp.responseXML.getElementsByTagName("movie"); //取得XML所需要的根 for (i=0;i { //简单的DOM,生成表格。 tr = table.insertRow(-1); td = tr.insertCell(-1); td.align = "center"; td.innerHTML = ‘’+XMLroot[i].getAttribute(’id’)+’’; td = tr.insertCell(-1); td.innerHTML = XMLroot[i].firstChild.data; td = tr.insertCell(-1); td.innerHTML = XMLroot[i].getAttribute(’type’); } //定义翻页链接 page = XMLHttp.responseXML.getElementsByTagName("data")[0].getAttribute(’page’) if (page >1) { prepage = page*1-1; var changpage = "上一页 "; } else { changpage = "上一页 "; } if (page <3) { nextpage = page*1+1; changpage += "下一页 "; } else{ changpage += "下一页 "; } document.getElementById("changpage").innerHTML = changpage; } }

