HTML网页数据访问技术漫谈

---- 因为遭到保守的规范html谈话控制，网页自己并不完备与效劳器交互的本领，然而dhtml(动静html)的展示使得网页考察外部数据源变成了大概。用户不妨开拓交互式动静网页大概鉴于欣赏器/效劳器框架结构的运用步调，外部数据经过效劳器端(比方asp、cgi)动静天生，即可实行网页实质的及时革新。正文则重要对准ie欣赏器来谈谈怎样在网页中经过dhtml考察外部数据源(文献)，以及在不对页面举行革新的情景下实行网页实质依数据源数据的变革而动静革新的简直本领。 一、运用剧本文献本领 ---- 咱们领会，在网页中不妨经过< script >标签的src属性引入剧本文献，而且同等地对于外部剧本和网页里面剧本。所以咱们不妨将数据实质保存在剧本文献的变量中，而后动静加载该剧本文献，加载胜利后即可在网页市直接读取那些数据变量，进而实行网页考察外部数据源手段。示比方下。 ---- < input type=button value="加载剧本文献" onclick=getdata("data.js") > ---- < script id="scriptid" >< /script > ---- < script language="javascript" > ---- function getdata (url){ ---- scriptid.src=url; ---- } ---- < /script > 二、运用框架本领 ---- dhtml不妨实行各个框架页面之间的通讯，所以不妨运用这一个性，转弯抹角实行网页考察外部数据源。简直的做法是，将数据实质保存在另一网页文献中，而后动静载入到网页面包车型的士内联框架中(经过< iframe >标签举行创造)，加载胜利后即可经过动静html读取内联框架页面中所包括的数据，咱们常常所见的谈天室中谈天实质的动静革新即是经过这种本领来实行的。示比方下。 ---- < iframe id="iframeid" style='display:none;' >< /iframe > ---- < input type=button value="加载网页文献" onclick=getdata("data.htm") > ---- < script language="javascript" > ---- function getdata (url){ ---- document.all.iframeid.src = url; ---- } ---- < /script > 三、运用ie内置动作本领 ---- 对于动作本领的运用本刊在往日做过屡次引见，断定大师并不生疏。在ie内置的默许动作中有一个download动作不妨实行在网页中载入文本文献，所以不妨将数据实质按确定方法保存在文本文献(如csv列表文献)中，而后再经过该动作动静加载，加载胜利后即可对该文本文献实质举行领会，从而读取关系数据。示比方下。 ---- < script language="javascript" > ---- function ondownloaddone(data) { ---- alert(data); ---- } ---- < /script > ---- < input type="button" id="behaviorid" style="behavior:url(#default#download)" value="加载文本文献" onclick=this.startdownload("data.txt",ondownloaddone) > 四、运用新兴的xml本领 ---- xml动作一种跨平台的通用构造化数据刻画谈话，特殊符合保存和调换数据的运用。更为要害的是，xml文书档案容易经过规范xml dom径直举行考察，而不用编写步调举行文书档案实质的领会。所以咱们不妨将数据保存为xml方法文书档案，而后在网页中加载该xml文书档案，加载胜利后即可在网页中运用xml dom来读取那些xml数据。在网页中不妨经过3种各别的本领实行xml文书档案动静加载，简直如次。 ---- 第一种本领 ---- 此本领是径直在网页中插入< xml >标签，设置xml数据岛(island)，而后运用剧本动静装入xml文书档案。因为xml不是规范html元素，在运用这种本领时要更加提防欣赏器的兼容性。示比方下。 ---- < xml id=xmlid >< /xml > ---- < input type=button value="加载xml文书档案" onclick=alert(getdata("data.xml").xml) > ---- < script language="javascript" > ---- function getdata(url){ ---- xmlid.async = false;//树立为同步载入 ---- xmlid.load(url);//加载xml文书档案 ---- return xmlid; ---- } ---- < /script > ---- 第二种本领 ---- 此本领是在网页中运用剧本代码动静创造xml文书档案东西，而后运用load的本领加载xml文书档案。这种本领诉求欣赏器承诺运转activex控件，示比方下。 ---- < input type=button value="加载xml文书档案" onclick=alert(getdata("data.xml").xml) > ---- < script language="javascript" > ---- function getdata(url){ ---- var xmldoc = new activexobject("microsoft.xmldom");//创造xml文书档案东西 ---- xmldoc.async = false; ---- xmldoc.load(url); ---- return xmldoc; ---- } ---- < /script > ---- 第三种本领 ---- 此本领是经过xmlhttp东西从效劳器获得xml文书档案，示比方下。 ---- < input type=button value="加载xml文书档案onclick=alert(getdata("data.xml").xml) > ---- < script language="javascript" > ---- function getdatal(url){ ---- var xmlhttp = new activexobject("microsoft.xmlhttp");//创造xmlhttprequest东西 ---- xmlhttp.open("get",url,false,"","");//运用http get初始化http乞求 ---- xmlhttp.send("");//发送http乞求并获得http相应 ---- return xmlhttp.responsexml;//获得xml文书档案 ---- } ---- < /script >