中文字幕免费精品_亚洲视频自拍_亚洲综合国产激情另类一区_色综合咪咪久久

ajax對服務器返回xml的處理方法
來源:易賢網(wǎng) 閱讀:1012 次 日期:2016-06-16 09:12:57
溫馨提示:易賢網(wǎng)小編為您整理了“ajax對服務器返回xml的處理方法”,方便廣大網(wǎng)友查閱!

本文實例講述了ajax對服務器返回xml的處理方法。分享給大家供大家參考。具體分析如下:

在ajax 中,服務器端如果返回的xml 文檔,則可以通過異步對象的responsexml 屬性來獲取器xml 數(shù)據(jù)。而開發(fā)者可以利用dom 的相關方法對其進行處理。

假設服務器返回的xml 文檔,如下所示:

<?xml version=1.0 encoding=gb2312?> <list> <caption>member list</caption> <member> <name>isaac</name> <class>w13</class> <birth>jun 24th</birth> <constell>cancer</constell> <mobile>1118159</mobile> </member> <member> <name>fresheggs</name> <class>w610</class> <birth>nov 5th</birth> <constell>scorpio</constell> <mobile>1038818</mobile> </member> <member> <name>girlwing</name> <class>w210</class> <birth>sep 16th</birth> <constell>virgo</constell> <mobile>1307994</mobile> </member> <member> <name>tastestory</name> <class>w15</class> <birth>nov 29th</birth> <constell>sagittarius</constell> <mobile>1095245</mobile> </member> <member> <name>lovehate</name> <class>w47</class> <birth>sep 5th</birth> <constell>virgo</constell> <mobile>6098017</mobile> </member> <member> <name>slepox</name> <class>w19</class> <birth>nov 18th</birth> <constell>scorpio</constell> <mobile>0658635</mobile> </member> <member> <name>smartlau</name> <class>w19</class> <birth>dec 30th</birth> <constell>capricorn</constell> <mobile>0006621</mobile> </member> <member> <name>tuonene</name> <class>w210</class> <birth>nov 26th</birth> <constell>sagittarius</constell> <mobile>0091704</mobile> </member> <member> <name>dovecho</name> <class>w19</class> <birth>dec 9th</birth> <constell>sagittarius</constell> <mobile>1892013</mobile> </member> <member> <name>shanghen</name> <class>w42</class> <birth>may 24th</birth> <constell>gemini</constell> <mobile>1544254</mobile> </member> <member> <name>venessawj</name> <class>w45</class> <birth>apr 1st</birth> <constell>aries</constell> <mobile>1523753</mobile> </member> <member> <name>lightyear</name> <class>w311</class> <birth>mar 23th</birth> <constell>aries</constell> <mobile>1002908</mobile> </member> </list>

客戶端獲得服務器端的該xml 數(shù)據(jù),并將其顯示在表格中。代碼如下:

代碼如下:

<!doctype html public -//w3c//dtd xhtml 1.0 transitional//en > <html> <head> <title>responsexml</title> <style> <!-- .datalist{ border:1px solid #744011; /* 表格邊框 */ font-family:arial; border-collapse:collapse; /* 邊框重疊 */ background-color:#ffd2aa; /* 表格背景色 */ font-size:14px; } .datalist th{ border:1px solid #744011; /* 行名稱邊框 */ background-color:#a16128; /* 行名稱背景色 */ color:#ffffff; /* 行名稱顏色 */ font-weight:bold; padding-top:4px; padding-bottom:4px; padding-left:12px; padding-right:12px; text-align:center; } .datalist td{ border:1px solid #744011; /* 單元格邊框 */ text-align:left; padding-top:4px; padding-bottom:4px; padding-left:10px; padding-right:10px; } .datalist tr:hover, .datalist tr.altrow{ background-color:#dca06b; /* 動態(tài)變色 */ } input{ /* 按鈕的樣式 */ border:1px solid #744011; color:#744011; } --> </style> <script language=javascript> var xmlhttp; function createxmlhttprequest(){ if(window.activexobject) xmlhttp = new activexobject(microsoft.xmlhttp); else if(window.xmlhttprequest) xmlhttp = new xmlhttprequest(); } function getxml(addressxml){ var url = addressxml + ?timestamp= + new date(); createxmlhttprequest(); xmlhttp.onreadystatechange = handlestatechange; xmlhttp.open(get,url); xmlhttp.send(null); } function addtablerow(sname, sclass, sbirth, sconstell, smobile){ //表格添加一行的相關操作,可參看7.2.1節(jié) var otable = document.getelementbyid(member); var otr = otable.insertrow(otable.rows.length); var atext = new array(); atext[0] = document.createtextnode(sname); atext[1] = document.createtextnode(sclass); atext[2] = document.createtextnode(sbirth); atext[3] = document.createtextnode(sconstell); atext[4] = document.createtextnode(smobile); for(var i=0;i<atext.length;i++){ var otd = otr.insertcell(i); otd.appendchild(atext[i]); } } function drawtable(myxml){ //用dom方法操作xml文檔 var omembers = myxml.getelementsbytagname(member); var omember = , sname = , sclass = , sbirth = , sconstell = , smobile = ; for(var i=0;i<omembers.length;i++){ omember = omembers[i]; sname = omember.getelementsbytagname(name)[0].firstchild.nodevalue; sclass = omember.getelementsbytagname(class)[0].firstchild.nodevalue; sbirth = omember.getelementsbytagname(birth)[0].firstchild.nodevalue; sconstell = omember.getelementsbytagname(constell)[0].firstchild.nodevalue; smobile = omember.getelementsbytagname(mobile)[0].firstchild.nodevalue; //添加一行 addtablerow(sname, sclass, sbirth, sconstell, smobile); } } function handlestatechange(){ if(xmlhttp.readystate == 4 && xmlhttp.status == 200) drawtable(xmlhttp.responsexml);//responsexml獲取到xml文檔 } </script> </head> <body> <input type=button value=獲取xml onclick=getxml('9-4.xml');><br><br> <table class=datalist summary=list of members in ee studay id=member> <tr> <th scope=col>name</th> <th scope=col>class</th> <th scope=col>birthday</th> <th scope=col>constellation</th> <th scope=col>mobile</th> </tr> </table> </body> </html>

我們可以看到,在客戶端獲得xml 文件的代碼如下:

<input type=button value=獲取xml onclick=getxml('9-4.xml');>

也就是說,是直接取得xml 數(shù)據(jù)的。而實際開發(fā)中返回xml 數(shù)據(jù)的工作是通過服務器端(如:asp.net、jsp等)的代碼動態(tài)生成的。換句話說,getxml('...') 中的文件地址應該是.aspx 或.jsp等動態(tài)頁面的后綴。

使用jquery 框架實現(xiàn)

如果在客戶端使用jquery 框架,實現(xiàn)ajax 獲得服務器端的xml數(shù)據(jù)。

代碼如下:

<html> <head> <title> demo </title> <meta name=author content=xugang /> <script language=javascript src=jquery.min.js></script> <script type=text/javascript> function getxml(addressxml){ //使用jquery的ajax方法 $.ajax({ type:get, , datatype:xml, //返回類型(區(qū)分大小寫) success:function(myxml){ //each 遍歷每個<member>標記 $(myxml).find(member).each( function(){ var omember=,sname=,sclass=,sbirth=,sconstell=,smobile=; sname = $(this).find(name).text(); sclass = $(this).find(class).text(); sbirth = $(this).find(birth).text(); sconstell = $(this).find(constell).text(); smobile = $(this).find(mobile).text(); //添加行 $(#member).append($(<tr><td>+sname +</td><td> + sclass +</td><td> + sbirth +</td><td> + sconstell +</td><td> + smobile +</td></tr>)); } ) } }) } </script> </head> <body> <input type=button value=獲取xml onclick=getxml('9-4.xml');> <br/> <table class=datalist id=member> <tr> <th scope=col>name</th> <th scope=col>class</th> <th scope=col>birthday</th> <th scope=col>constellation</th> <th scope=col>mobile</th> </tr> </table> </body> </html>

服務器端傳遞xml 數(shù)據(jù)的方式不變。

希望本文所述對大家的ajax程序設計有所幫助。

更多信息請查看網(wǎng)頁制作
易賢網(wǎng)手機網(wǎng)站地址:ajax對服務器返回xml的處理方法
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復僅供參考,敬請考生以權威部門公布的正式信息和咨詢?yōu)闇剩?/div>

2026上岸·考公考編培訓報班

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權所有:易賢網(wǎng)
中文字幕免费精品_亚洲视频自拍_亚洲综合国产激情另类一区_色综合咪咪久久
国产专区综合网| 国产亚洲在线| 欧美激情精品久久久久久大尺度| 欧美国产日韩a欧美在线观看| 国产精品理论片| 一区二区久久久久| 久久三级福利| 国产无一区二区| 欧美日韩亚洲成人| 国产综合久久久久久鬼色| 中文亚洲欧美| 欧美美女视频| 一区二区三区产品免费精品久久75 | 国产精品视频福利| 亚洲精品影视| 欧美日本簧片| 亚洲第一精品福利| 欧美freesex8一10精品| 伊人伊人伊人久久| 久久国产精品久久w女人spa| 国产一区成人| 久久久精品日韩欧美| 国产日韩精品在线| 久久久久久成人| 狠狠v欧美v日韩v亚洲ⅴ| 羞羞答答国产精品www一本| 国产伦精品一区二区三区免费 | 午夜精品在线看| 欧美美女日韩| 亚洲精品一区二区三区福利| 欧美多人爱爱视频网站| 亚洲国产片色| 久久阴道视频| 国产一区二区主播在线| 久久天天狠狠| 亚洲高清电影| 欧美日韩视频在线观看一区二区三区| 亚洲国产日韩在线一区模特| 欧美激情精品久久久六区热门 | 国产一在线精品一区在线观看| 欧美全黄视频| 国产精品九九| 国产麻豆91精品| 欧美精品电影| 欧美视频在线观看 亚洲欧| 国产欧美不卡| 亚洲国产高潮在线观看| 亚洲最新中文字幕| 欧美一激情一区二区三区| 久久国产黑丝| 欧美日本中文字幕| 国产精品毛片一区二区三区| 亚洲卡通欧美制服中文| 亚洲国产免费| 国产亚洲永久域名| 亚洲二区免费| 久久国产精品亚洲va麻豆| 亚洲免费电影在线| 狠狠色综合色综合网络| 国产综合香蕉五月婷在线| 精品电影一区| 久久精品国产久精国产一老狼 | 亚洲第一精品影视| 亚洲一区亚洲| 国产伦一区二区三区色一情| 久久久蜜桃一区二区人| 99re热这里只有精品免费视频| 国产精品久久久久久户外露出 | 国产欧美精品一区aⅴ影院| 羞羞答答国产精品www一本| 国产毛片精品国产一区二区三区| 久久国产精品99国产| 亚洲国产高清一区| 国产三区精品| 老色鬼精品视频在线观看播放| 亚洲美女色禁图| 亚洲电影免费观看高清完整版在线 | 国产亚洲欧美一级| 欧美日韩国产色站一区二区三区| 亚洲综合另类| 国语自产精品视频在线看| 欧美视频三区在线播放| 久久久久网站| 午夜综合激情| 99国内精品久久久久久久软件| 久久先锋资源| 午夜精品亚洲| 亚洲精品在线一区二区| 玉米视频成人免费看| 国产精品久久午夜| 久久九九全国免费精品观看| 亚洲专区欧美专区| 最新国产精品拍自在线播放| 国内精品嫩模av私拍在线观看| 国产精品家教| 久久综合激情| 久久午夜精品一区二区| 欧美亚洲一区二区在线| 亚洲在线电影| 一区二区三区四区五区视频| 亚洲高清成人| 最近中文字幕日韩精品| 国产一区二区在线免费观看 | 午夜精品福利一区二区三区av | 亚洲精品一区二区三区不| 久久九九免费| 午夜天堂精品久久久久| 中文久久乱码一区二区| **性色生活片久久毛片| 欧美久久婷婷综合色| 开心色5月久久精品| 亚洲国产精品ⅴa在线观看 | 国产日产欧美精品| 久久高清福利视频| 91久久在线播放| 狠狠色2019综合网| 欧美午夜电影在线| 欧美3dxxxxhd| 美女主播视频一区| 日韩亚洲精品在线| 亚洲成人自拍视频| 国产亚洲一区精品| 欧美婷婷在线| 欧美精品国产精品| 欧美理论大片| 久久夜色精品国产噜噜av| 国产精品欧美久久| 免费看亚洲片| 欧美伊人影院| 亚洲一区国产视频| 玖玖玖免费嫩草在线影院一区| 国产亚洲欧美一区二区| 欧美自拍偷拍午夜视频| 亚洲精品一区二区三区不| 亚洲精品在线观看视频| 亚洲伦理精品| 中文日韩在线| 日韩一级大片在线| 亚洲午夜精品久久| 亚洲欧美日韩在线高清直播| 午夜精品福利一区二区蜜股av| 久久久午夜电影| 欧美大片在线看免费观看| 欧美理论电影网| 国产亚洲欧洲997久久综合| 韩国欧美一区| 亚洲电影免费观看高清| 亚洲一区二区免费| 欧美中文在线视频| 免费不卡在线视频| 国产精品国产三级国产专区53| 国产精品欧美风情| 韩国精品一区二区三区| 一区二区激情视频| 欧美一区二区高清在线观看| 欧美专区在线| 欧美日韩在线三级| 国产欧美日本在线| 狠狠色伊人亚洲综合成人| 一本一本久久a久久精品综合妖精| 亚洲在线中文字幕| 久久久久久久综合| 国产精品福利片| 国产午夜亚洲精品理论片色戒| 在线观看视频欧美| 亚洲精品中文字幕在线观看| 久久久久网站| 一区二区三区黄色| 国产精品综合| 99国产精品99久久久久久粉嫩| 久久精品亚洲一区二区| 一区在线观看视频| 免费的成人av| 欧美日韩一区在线| 亚洲国产精品一区二区www| 免费在线视频一区| 亚洲第一在线综合网站| 国产精品久久久久久久免费软件| 久久久亚洲欧洲日产国码αv| 久久久久久亚洲精品不卡4k岛国| 久久国产黑丝| 亚洲在线观看免费视频| 国产精品高精视频免费| 亚洲视频福利| 国产精品久久网| 欧美极品欧美精品欧美视频| 日韩午夜高潮| 国产精品日韩欧美一区二区| 欧美国产日产韩国视频| 9久草视频在线视频精品| 欧美视频在线观看免费| 亚洲激情成人| 久久影院午夜论| 国产一区二区三区在线观看免费 | 蜜桃久久av一区| 亚洲欧洲在线观看| 国产精品一级二级三级| 久久日韩精品| 一本一本久久a久久精品综合妖精| 欧美日韩在线另类|