建站
咨詢
售后
建站咨詢
新聞中心
Ajax中怎么讀取數(shù)據(jù)到表格，相信很多沒有經(jīng)驗的人對此束手無策，為此本文總結了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個問題。
創(chuàng)新互聯(lián)主營閬中網(wǎng)站建設的網(wǎng)絡公司,主營網(wǎng)站建設方案,重慶App定制開發(fā),閬中h5小程序定制開發(fā)搭建,閬中網(wǎng)站營銷推廣歡迎閬中等地區(qū)企業(yè)咨詢
代碼如下:
<%
'出自：http://Www.Web666.Net
'作者：康董
'如需轉載請務必保留以上信息
'定義一個變量，來保存xml數(shù)據(jù)
dim xml
xml = "
xml = xml&"
xml=xml&""
Response.Clear
Response.ContentType="text/xml"
Response.CharSet="gb2312"
Response.Write xml
Response.End
%>
上次我們讀取的是msg標簽．今天我們要讀取xml中新增的read標簽．我們要實現(xiàn)的效果是：將read標簽下的Html，Css，Dom，JavaScript，Ajax這些文本內容．顯示到我們網(wǎng)頁中的表格內．
先看下面的代碼．和實例演示
復制代碼 代碼如下:
今天我們不再講昨天重復過的內容．同樣在Post的函數(shù)內．多了幾行代碼．可以跟上一篇＂ajax初始讀取數(shù)據(jù)篇＂進行對比．
下面我們來講一下今天新增的代碼的作用．
if read.length!=0：即判斷read標簽是否被成功獲?。绻鋖egnth屬性不等于0，則代表read已經(jīng)存在．可以對其進行解析
開始解析返回數(shù)據(jù)，但網(wǎng)頁中并沒有存在顯示數(shù)據(jù)的元素．所以我們創(chuàng)建一個表格：var t = document.createElement("table");．請參考：createElement
t.setAttribute("border","1");為表格添加一個邊框屬性．請參考：setAttribute
document.body.appendChild(t);將創(chuàng)建好的表格添加到網(wǎng)頁body元素內．請參考：appendChild
表格添加完成．開始遍歷read標簽內的所有子元素．也就是：html,css,dom,javascript,ajax這些內容．
開始一個循環(huán),read[0].childNodes.length的意思是獲取read標簽內所有子元素的個數(shù)．在這里會返回5． i=0;i<5條件ok! 每循環(huán)一次i變量會自動+1，表格會增加一行，并為該行增加一列．同時為這一列寫入read第i個子元素的文本內容．直到i=5,i不會再小于read子元素的個數(shù)．條件不滿足．循環(huán)停止．此時數(shù)據(jù)正好被顯示完畢！
為了讓每位讀者加深理解．我再陳述一遍該實例效果的實現(xiàn)流程：當你點擊了＂顯示數(shù)據(jù)＂按扭時，Post函數(shù)被啟用，函數(shù)內一個名字為ajax的變量被賦值XMLHTTPRequest對象的引用．然后便打開了open方法．并使用send方法向服務端發(fā)出請求．無論是open還是send方法，都會引發(fā)readyState方法的狀態(tài)值發(fā)生變化．一旦readyState發(fā)生變化就會觸發(fā)onreadystatechange屬性． onreadystatechange屬性指定的程序將會執(zhí)行．然后在程序內再次判斷readyState的狀態(tài)值是否等于4，如果是則證明整個發(fā)送請求與服務端返回數(shù)據(jù)已經(jīng)成功．同時并判斷status是否等200，如果是則代表http請狀態(tài)碼也已經(jīng)ok!此時可以放心的百分之百的接收數(shù)據(jù)，于是我們使用responseXML屬性來接收返回的數(shù)據(jù)．該屬性只限制接收xml格式的數(shù)據(jù)．我始終認為將xml格式的數(shù)據(jù)做為請求與回傳的中介．是ajax最標準的使用方法！
看完上述內容，你們掌握Ajax中怎么讀取數(shù)據(jù)到表格的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！
當前文章：Ajax中怎么讀取數(shù)據(jù)到表格
URL分享：http://ef60e0e.cn/article/pciodp.html
