Web开发的教程图解Web开发的教程图解同时我还将展示，如何使用JavaScript脚本和Dom接口，来为网页创建一个表格．将ajax请求的数据显示到该表格内．本次的ajax实例效果中请求的服务端网页依然是：Web_ajax.Asp该网页使用了Asp输出xml技术．如果你还不知道如何使用Asp输出xml请返回：＂ajax开始准备篇＂提醒：在每篇ajax教程的实例开始之前，你必须查看当天的Web_ajax.asp文件中的数据结构．因为我们每次实例中要读取的标签和内容都不一样．点击：查看Web_ajax.Asp上次我们读取的是msg标签．今天我们要读取xml中新增的read标签．我们要实现的效果是：将read标签下的Html，Css，Dom，JavaScript，Ajax这些文本内容．显示到我们网页中的表格内．先看下面的代码．和实例演示复制代码代码如下:functionajax_xmlhttp(){//在IE中创建xmlhttpRequest,适用于IE5.0以上所有版本varmsXmlhttp=newArray("Msxml2.XMLHTTP.5.0","Msxml2.XMLHTTP.4.0","Msxml2.XMLHTTP.3.0","Msxml2.XMLHTTP","Microsoft.XMLHTTP");for(vari=0;itry{_xmlhttp=newActiveXObject(msXmlhttp[i]);}catch(e){_xmlhttp=null;}}//循环创建基于IE浏览器的xmlhttp.结束//如果非IE浏览器，则创建基于FireFox等浏览器的xmlhttpRequestif(!_xmlhttp&&typeofXMLHttpRequest!="undefined"){_xmlhttp=newXMLHttpRequest();}return_xmlhttp;}//发送请求函数functionPost(){varajax=ajax_xmlhttp();//将xmlhttprequest对象赋值给一个变量．ajax.open("post","web_ajax.asp",true);//设置请求方式，请求文件，异步请求ajax.onreadystatechange=function(){//你也可以这里指定一个已经写好的函数名称if(ajax.readyState==4){//数据返回成功if(ajax.status==200){//http请求状态码返回okvarxmlData=ajax.responseXML;//接收返回xml格式数据varread=xmlData.getElementsByTagName("read");//获取所有的read标签if(read.length!=0){vart=document.createElement("table");//创建一个表格元素t.setAttribute("border","1");document.body.appendChild(t);//将表格添加到doby内for(vari=0;ivartr=t.Row(t.rows.length);//添加一行vartd=tr.Cell(0);//添加一列td.innerHTML=read[0].childNodes[i].firstChild.nodeValue;//为单元格写入文本内容}}}}}ajax.send(null);}今天我们不再讲昨天重复过的内容．同样在Post的函数内．多了几行代码．可以跟上一篇＂ajax初始读取数据篇＂进行对比．下面我们来讲一下今天新增的代码的作用．ifread.length!=0：即判断read标签是否被成功获取．如果其legnth属性不等于0，则代表read已经存在．可以对其进行解析开始解析返回数据，但网页中并没有存在显示数据的元素．所以我们创建一个表格：vart=document.createElement("table");．请参考：createElementt.setAttribute("border","1");为表格添加一个边框属性．请参考：setAttributedocument.body.appendChild(t);将创建好的表格添加到网页body元素内．请参考：appendChild表格添加完成．开始遍历read标签内的所有子元素．也就