婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁(yè) > 知識(shí)庫(kù) > Ajax讀取數(shù)據(jù)到表格的實(shí)現(xiàn)代碼

Ajax讀取數(shù)據(jù)到表格的實(shí)現(xiàn)代碼

熱門(mén)標(biāo)簽:如何用地圖標(biāo)注各分公司 廣西ai語(yǔ)音電銷機(jī)器人哪家好 電銷機(jī)器人適用范圍 辦理一個(gè)400電話多少錢(qián) 接聽(tīng)電話機(jī)器人哪有 察縣地圖標(biāo)注 信貸電銷機(jī)器人有用嗎 蓄意標(biāo)記地圖標(biāo)注 莆田防封電銷卡價(jià)格
同時(shí)我還將展示,如何使用JavaScript腳本和Dom接口,來(lái)為網(wǎng)頁(yè)創(chuàng)建一個(gè)表格 .將ajax請(qǐng)求的數(shù)據(jù)顯示到該表格內(nèi).
本次的ajax實(shí)例效果中請(qǐng)求的服務(wù)端網(wǎng)頁(yè)依然是:Web_ajax.Asp 該網(wǎng)頁(yè)使用了Asp輸出xml技術(shù).如果你還不知道如何使用Asp輸出xml請(qǐng)返回:"ajax開(kāi)始準(zhǔn)備篇"
提醒:在每篇ajax教程的實(shí)例開(kāi)始之前,你必須查看當(dāng)天的Web_ajax.asp文件中的數(shù)據(jù)結(jié)構(gòu).因?yàn)槲覀兠看螌?shí)例中要讀取的標(biāo)簽和內(nèi)容都不一樣.點(diǎn)擊:查看Web_ajax.Asp
上次我們讀取的是msg標(biāo)簽.今天我們要讀取xml中新增的read標(biāo)簽.我們要實(shí)現(xiàn)的效果是:將read標(biāo)簽下的Html,Css,Dom,JavaScript,Ajax這些文本內(nèi)容.顯示到我們網(wǎng)頁(yè)中的表格內(nèi).
先看下面的代碼.和實(shí)例演示
復(fù)制代碼 代碼如下:

html>
head>
title>ajax讀取數(shù)據(jù)到表格/title>
/head>
body>
input type="button" value="顯示數(shù)據(jù)" onclick="Post()" />
script type="text/javascript">
function ajax_xmlhttp(){
//在IE中創(chuàng)建xmlhttpRequest,適用于IE5.0以上所有版本
var msXmlhttp = new Array("Msxml2.XMLHTTP.5.0","Msxml2.XMLHTTP.4.0","Msxml2.XMLHTTP.3.0","Msxml2.XMLHTTP","Microsoft.XMLHTTP");
for(var i=0; imsXmlhttp.length; i++){
try
{
_xmlhttp=new ActiveXObject(msXmlhttp[i]);
}
catch(e)
{
_xmlhttp=null;
}
} //循環(huán)創(chuàng)建基于IE瀏覽器的xmlhttp.結(jié)束
//如果非IE瀏覽器,則創(chuàng)建基于FireFox等瀏覽器的xmlhttpRequest
if(!_xmlhttp typeof XMLHttpRequest != "undefined")
{
_xmlhttp=new XMLHttpRequest();
}
return _xmlhttp;
}

//發(fā)送請(qǐng)求函數(shù)
function Post(){
var ajax = ajax_xmlhttp(); //將xmlhttprequest對(duì)象賦值給一個(gè)變量.
ajax.open("post","web_ajax.asp",true);//設(shè)置請(qǐng)求方式,請(qǐng)求文件,異步請(qǐng)求
ajax.onreadystatechange = function(){//你也可以這里指定一個(gè)已經(jīng)寫(xiě)好的函數(shù)名稱
if(ajax.readyState==4){//數(shù)據(jù)返回成功
if(ajax.status==200){//http請(qǐng)求狀態(tài)碼返回ok
var xmlData = ajax.responseXML;//接收返回xml格式數(shù)據(jù)
var read = xmlData.getElementsByTagName("read");//獲取所有的read標(biāo)簽
if(read.length!=0){
var t = document.createElement("table");//創(chuàng)建一個(gè)表格元素
t.setAttribute("border","1");
document.body.appendChild(t);//將表格添加到doby內(nèi)
for(var i=0;iread[0].childNodes.length;i++){
var tr = t.insertRow(t.rows.length);//添加一行
var td = tr.insertCell(0);//添加一列
td.innerHTML = read[0].childNodes[i].firstChild.nodeValue;//為單元格寫(xiě)入文本內(nèi)容
}
}
}
}
}
ajax.send(null);
}
/script>
/body>
/html>


今天我們不再講昨天重復(fù)過(guò)的內(nèi)容.同樣在Post的函數(shù)內(nèi).多了幾行代碼.可以跟上一篇"ajax初始讀取數(shù)據(jù)篇"進(jìn)行對(duì)比.
下面我們來(lái)講一下今天新增的代碼的作用.

if read.length!=0:即判斷read標(biāo)簽是否被成功獲取.如果其legnth屬性不等于0,則代表read已經(jīng)存在.可以對(duì)其進(jìn)行解析
開(kāi)始解析返回?cái)?shù)據(jù),但網(wǎng)頁(yè)中并沒(méi)有存在顯示數(shù)據(jù)的元素.所以我們創(chuàng)建一個(gè)表格:var t = document.createElement("table");.請(qǐng)參考:createElement
t.setAttribute("border","1");為表格添加一個(gè)邊框?qū)傩裕?qǐng)參考:setAttribute
document.body.appendChild(t);將創(chuàng)建好的表格添加到網(wǎng)頁(yè)body元素內(nèi).請(qǐng)參考:appendChild
表格添加完成.開(kāi)始遍歷read標(biāo)簽內(nèi)的所有子元素.也就是:html,css,dom,javascript,ajax這些內(nèi)容.
開(kāi)始一個(gè)循環(huán),read[0].childNodes.length的意思是獲取read標(biāo)簽內(nèi)所有子元素的個(gè)數(shù).在這里會(huì)返回5. i=0;i5條件ok! 每循環(huán)一次i變量會(huì)自動(dòng)+1,表格會(huì)增加一行,并為該行增加一列.同時(shí)為這一列寫(xiě)入read第i個(gè)子元素的文本內(nèi)容.直到i=5,i不會(huì)再小于read子元素的個(gè)數(shù).條件不滿足.循環(huán)停止.此時(shí)數(shù)據(jù)正好被顯示完畢!
為了讓每位讀者加深理解.我再陳述一遍該實(shí)例效果的實(shí)現(xiàn)流程:當(dāng)你點(diǎn)擊了"顯示數(shù)據(jù)"按扭時(shí),Post函數(shù)被啟用,函數(shù)內(nèi)一個(gè)名字為ajax的變量被賦值XMLHTTPRequest對(duì)象的引用.然后便打開(kāi)了open方法.并使用send方法向服務(wù)端發(fā)出請(qǐng)求.無(wú)論是open還是send方法,都會(huì)引發(fā)readyState方法的狀態(tài)值發(fā)生變化.一旦readyState發(fā)生變化就會(huì)觸發(fā)onreadystatechange屬性. onreadystatechange屬性指定的程序?qū)?huì)執(zhí)行.然后在程序內(nèi)再次判斷readyState的狀態(tài)值是否等于4,如果是則證明整個(gè)發(fā)送請(qǐng)求與服務(wù)端返回?cái)?shù)據(jù)已經(jīng)成功.同時(shí)并判斷status是否等200,如果是則代表http請(qǐng)狀態(tài)碼也已經(jīng)ok!此時(shí)可以放心的百分之百的接收數(shù)據(jù),于是我們使用responseXML屬性來(lái)接收返回的數(shù)據(jù).該屬性只限制接收xml格式的數(shù)據(jù).我始終認(rèn)為將xml格式的數(shù)據(jù)做為請(qǐng)求與回傳的中介.是ajax最標(biāo)準(zhǔn)的使用方法!
今天的ajax實(shí)例教程--"ajax之讀取數(shù)據(jù)到表格"就告一段落.我想是不是應(yīng)該留個(gè)問(wèn)題讓各位讀者來(lái)解決一下?各位有沒(méi)有發(fā)現(xiàn)在實(shí)例演示中.你如果重復(fù)點(diǎn)擊"顯示數(shù)據(jù)"按扭.表格會(huì)被重復(fù)的創(chuàng)建.?dāng)?shù)據(jù)也會(huì)被重復(fù)的讀取.我希望各位讀者可以解決該問(wèn)題.
下次我們來(lái)講:"ajax添加數(shù)據(jù)實(shí)時(shí)讀取篇"
出自:http://Www.Web666.Net
作者:康董
您可能感興趣的文章:
  • Ajax開(kāi)始準(zhǔn)備篇
  • Ajax初試之讀取數(shù)據(jù)篇

標(biāo)簽:張掖 延邊 益陽(yáng) 鷹潭 阿拉善盟 儋州 銅陵

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《Ajax讀取數(shù)據(jù)到表格的實(shí)現(xiàn)代碼》,本文關(guān)鍵詞  Ajax,讀取,數(shù)據(jù),到,表格,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《Ajax讀取數(shù)據(jù)到表格的實(shí)現(xiàn)代碼》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于Ajax讀取數(shù)據(jù)到表格的實(shí)現(xiàn)代碼的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av
    666欧美在线视频| 日韩三级精品电影久久久| 日韩电影免费在线看| 亚洲激情av在线| 亚洲国产美女搞黄色| 香港成人在线视频| 青青草伊人久久| 国产一区二区三区蝌蚪| 成人免费观看视频| 一本久久a久久精品亚洲| 97久久久精品综合88久久| 91福利区一区二区三区| 91精品国产一区二区三区香蕉| 欧美电影一区二区| 亚洲精品午夜久久久| 欧美日韩国产精品自在自线| 欧美日韩视频在线第一区| 精品国产髙清在线看国产毛片| 久久久夜色精品亚洲| 亚洲乱码国产乱码精品精98午夜| 日韩电影免费在线看| 国产a久久麻豆| 欧美一区二区在线观看| 18成人在线观看| 激情另类小说区图片区视频区| 91美女在线看| 国产亚洲视频系列| 免费久久精品视频| 在线观看视频91| 久久众筹精品私拍模特| 日韩国产在线观看一区| 成人黄色电影在线| 精品久久一区二区三区| 免费成人在线播放| 欧美精品在欧美一区二区少妇| 18欧美亚洲精品| 丁香啪啪综合成人亚洲小说| 日韩一区二区三区视频| 视频一区视频二区中文| 正在播放亚洲一区| 爽好多水快深点欧美视频| 欧美午夜片在线看| 免费观看成人av| 精品久久久久久久久久久久包黑料 | 久久久国产午夜精品| 亚洲成a人v欧美综合天堂下载| 91丨porny丨最新| 亚洲美女屁股眼交| 91精品在线麻豆| 日韩中文字幕区一区有砖一区 | 日韩一区二区三区免费观看| 日产精品久久久久久久性色| 6080日韩午夜伦伦午夜伦| 日本亚洲三级在线| 久久亚洲综合色| 成人免费高清在线| 亚洲欧美一区二区三区国产精品| 在线看一区二区| 免费看日韩精品| 国产欧美日韩视频一区二区| 91高清在线观看| 久久99国产精品免费| 亚洲天堂成人网| 精品久久久久久久久久久院品网| 91丨九色porny丨蝌蚪| 黄色日韩三级电影| 一区二区在线免费观看| 久久久国产精华| 欧美一级艳片视频免费观看| 99久久免费视频.com| 日本不卡的三区四区五区| 亚洲色图另类专区| 国产精品另类一区| 欧美一区二区三区视频在线观看 | 精品视频123区在线观看| 久久不见久久见免费视频7| 一区二区三区日韩欧美| 欧美国产日韩在线观看| 日韩欧美国产电影| 91麻豆精品久久久久蜜臀| 99久久精品免费精品国产| 国产精品一区免费在线观看| 久久99久久久欧美国产| 奇米精品一区二区三区在线观看 | 国产精品一二三区| 美女国产一区二区三区| 免费成人在线视频观看| 日本不卡一区二区三区 | 日韩久久精品一区| 欧美一区二区在线免费播放| 欧美日韩二区三区| 这里只有精品免费| 2023国产一二三区日本精品2022| 日韩免费看网站| 精品女同一区二区| 久久久久久亚洲综合| 中文成人av在线| 亚洲精选在线视频| 亚洲成a人片在线不卡一二三区| 亚洲一区二区在线免费看| 亚洲第一av色| 国内久久精品视频| 91在线国产福利| 91福利社在线观看| 精品国产免费人成在线观看| 中文字幕高清不卡| 日精品一区二区三区| 成人激情综合网站| 欧美日韩一区二区三区免费看 | 日本中文字幕不卡| 久久精品二区亚洲w码| 91视频免费播放| 精品久久久久久久久久久久久久久| 国产精品夫妻自拍| 人人爽香蕉精品| 色成年激情久久综合| 精品国产百合女同互慰| 一级特黄大欧美久久久| 国产美女娇喘av呻吟久久| 欧美午夜一区二区三区免费大片| 337p粉嫩大胆色噜噜噜噜亚洲| 一区二区三区在线视频免费| 国产精一区二区三区| 欧美男男青年gay1069videost| 国产欧美一区二区三区在线看蜜臀 | 欧美日韩激情一区二区| 国产午夜一区二区三区| 美洲天堂一区二卡三卡四卡视频| 国产99久久久精品| 日韩精品一区二区三区视频 | 久久精品人人做人人综合| 亚洲丰满少妇videoshd| 成人黄色小视频| 欧美国产一区在线| 99在线精品视频| 国产成a人无v码亚洲福利| 欧美视频一区在线| 亚洲欧洲制服丝袜| 99久久er热在这里只有精品15 | 一区二区在线电影| 粉嫩av亚洲一区二区图片| 久久青草欧美一区二区三区| 美腿丝袜在线亚洲一区| 欧美xxxxx牲另类人与| 蜜桃av一区二区| 精品国产一区二区三区久久久蜜月| 麻豆中文一区二区| 日本亚洲一区二区| 久久综合九色综合97婷婷| 国产一区二区剧情av在线| 国产精品少妇自拍| 欧美日韩免费观看一区二区三区| 尤物在线观看一区| 欧美一二三四区在线| 国产91对白在线观看九色| 中文字幕中文在线不卡住| 欧美美女直播网站| 高清国产一区二区| 日韩中文字幕一区二区三区| 亚洲精品一区二区在线观看| 波多野洁衣一区| 亚州成人在线电影| 亚洲欧美一区二区三区久本道91 | 日本乱人伦一区| 精品国产网站在线观看| 91在线视频观看| 国产在线精品一区二区不卡了 | 欧美一级高清大全免费观看| 国产精一区二区三区| 亚洲永久精品大片| 欧美激情中文字幕一区二区| 911精品国产一区二区在线| 成人app软件下载大全免费| 精品日韩一区二区三区免费视频| 色一情一乱一乱一91av| 国产精品亚洲第一区在线暖暖韩国| 亚洲欧美日韩国产成人精品影院| 久久亚洲影视婷婷| 日韩美女视频在线| 欧美一区二区三区四区在线观看| eeuss鲁一区二区三区| 国产一区二区久久| 久久国产免费看| 亚洲午夜在线电影| 亚洲一区二区影院| 亚洲一区在线视频观看| 综合色天天鬼久久鬼色| 国产精品污污网站在线观看| 欧美国产禁国产网站cc| 欧美经典一区二区三区| 国产精品福利电影一区二区三区四区| 精品不卡在线视频| 日韩精品一区二区三区在线观看| 91免费看`日韩一区二区| 色爱区综合激月婷婷| 日本高清无吗v一区| 一本大道久久精品懂色aⅴ| 欧洲一区在线电影| 日韩午夜在线影院| 国产精品久久久久一区二区三区|