Ajax中怎么读取数据到表格-创新互联

Ajax中怎么读取数据到表格，相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

代码如下:

<%
'出自：/tupian/20230522/Www.Web666.Net
'作者：康董
'如需转载请务必保留以上信息
'定义一个变量，来保存xml数据
dim xml
xml = ""
xml = xml&"一个简单的Asp输出xml的示例，以后在我们的ajax教程实例中，我们都将使用该文件进行数据的读取操作"
xml=xml&""
Response.Clear
Response.ContentType="text/xml"
Response.CharSet="gb2312"
Response.Write xml
Response.End
%>

上次我们读取的是msg标签．今天我们要读取xml中新增的read标签．我们要实现的效果是：将read标签下的Html，Css，Dom，JavaScript，Ajax这些文本内容．显示到我们网页中的表格内．
先看下面的代码．和实例演示

复制代码 代码如下:

今天我们不再讲昨天重复过的内容．同样在Post的函数内．多了几行代码．可以跟上一篇＂ajax初始读取数据篇＂进行对比．
下面我们来讲一下今天新增的代码的作用．

if read.length!=0：即判断read标签是否被成功获取．如果其legnth属性不等于0，则代表read已经存在．可以对其进行解析
开始解析返回数据，但网页中并没有存在显示数据的元素．所以我们创建一个表格：var t = document.createElement("table");．请参考：createElement
t.setAttribute("border","1");为表格添加一个边框属性．请参考：setAttribute
document.body.appendChild(t);将创建好的表格添加到网页body元素内．请参考：appendChild
表格添加完成．开始遍历read标签内的所有子元素．也就是：html,css,dom,javascript,ajax这些内容．
开始一个循环,read[0].childNodes.length的意思是获取read标签内所有子元素的个数．在这里会返回5． i=0;i<5条件ok! 每循环一次i变量会自动+1，表格会增加一行，并为该行增加一列．同时为这一列写入read第i个子元素的文本内容．直到i=5,i不会再小于read子元素的个数．条件不满足．循环停止．此时数据正好被显示完毕！
为了让每位读者加深理解．我再陈述一遍该实例效果的实现流程：当你点击了＂显示数据＂按扭时，Post函数被启用，函数内一个名字为ajax的变量被赋值XMLHTTPRequest对象的引用．然后便打开了open方法．并使用send方法向服务端发出请求．无论是open还是send方法，都会引发readyState方法的状态值发生变化．一旦readyState发生变化就会触发onreadystatechange属性． onreadystatechange属性指定的程序将会执行．然后在程序内再次判断readyState的状态值是否等于4，如果是则证明整个发送请求与服务端返回数据已经成功．同时并判断status是否等200，如果是则代表http请状态码也已经ok!此时可以放心的百分之百的接收数据，于是我们使用responseXML属性来接收返回的数据．该属性只限制接收xml格式的数据．我始终认为将xml格式的数据做为请求与回传的中介．是ajax最标准的使用方法！

看完上述内容，你们掌握Ajax中怎么读取数据到表格的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注创新互联行业资讯频道，感谢各位的阅读！