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

主頁 > 知識庫 > Ajax初試之讀取數(shù)據(jù)篇

Ajax初試之讀取數(shù)據(jù)篇

熱門標(biāo)簽:察縣地圖標(biāo)注 莆田防封電銷卡價格 如何用地圖標(biāo)注各分公司 信貸電銷機(jī)器人有用嗎 辦理一個400電話多少錢 蓄意標(biāo)記地圖標(biāo)注 接聽電話機(jī)器人哪有 電銷機(jī)器人適用范圍 廣西ai語音電銷機(jī)器人哪家好
拿出來我們上次準(zhǔn)備好的東西.1:XMLHTTPRequest對象的函數(shù).2:Asp輸出xml格式的文件.你可以點擊查看該文件內(nèi)容:Asp輸出xml格式的數(shù)據(jù)
打開以后你會發(fā)現(xiàn)我們使用Asp技術(shù)動態(tài)的輸出一個xml格式的數(shù)據(jù).如果你對該技術(shù)還不了解,請返回閱讀:ajax開始準(zhǔn)備篇 在這個輸出的數(shù)據(jù)里面有一個msg標(biāo)簽.標(biāo)簽里包含了一段文字內(nèi)容.今天我們就讀取這個msg標(biāo)簽.并將文字內(nèi)容顯示到你的網(wǎng)頁上.
先看下面的代碼.并附上效果演示
web_ajax.asp
復(fù)制代碼 代碼如下:

?xml version="1.0" encoding="gb2312" ?>
body>
msg>一個簡單的Asp輸出xml的示例,以后在我們的ajax教程實例中,我們都將使用該文件進(jìn)行數(shù)據(jù)的讀取操作/msg>
read>
li>Html/li>
li>Css/li>
li>Dom/li>
li>JavaScript/li>
li>Ajax/li>
/read>
/body>

下面是靜態(tài)頁面內(nèi)容
復(fù)制代碼 代碼如下:

html>
head>
title>創(chuàng)建一個可用的xmlhttpreuqest對象/title>
/head>
body>
div id="str">/div>!--請求回來的數(shù)據(jù)將顯示在該div中-->
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ā)送請求函數(shù)
function Post(){
var ajax = ajax_xmlhttp(); //將xmlhttprequest對象賦值給一個變量.
ajax.open("post","web_ajax.asp",true);//設(shè)置請求方式,請求文件,異步請求
ajax.onreadystatechange = function(){//你也可以這里指定一個已經(jīng)寫好的函數(shù)名稱
if(ajax.readyState==4){//數(shù)據(jù)返回成功
if(ajax.status==200){//http請求狀態(tài)碼返回ok
var xmlData = ajax.responseXML;
var msg = xmlData.getElementsByTagName("msg");//獲取所有的msg元素
var data = msg[0].firstChild.nodeValue;
document.getElementById("str").innerHTML = data;
}
}
}
ajax.send(null);
}
/script>
/body>
/html>

下面讓我來慢慢分析該實例是如何實現(xiàn)的.在上面的代碼中除了昨天我們創(chuàng)建的XMLHTTPRequest函數(shù)以外.在最上面多了一個ID屬性為str的div, 該div的作用是用來顯示我們請求回的數(shù)據(jù).然后我們新寫了一個名字為Post的函數(shù).該函數(shù)的作用是當(dāng)你點擊讀取數(shù)據(jù)按扭.發(fā)送請求,傳回數(shù)據(jù), 顯示數(shù)據(jù).

我們先來看Post函數(shù)的第一行:var ajax = ajax_xmlhttp(); 該行的意思是說將具有XMLHTTPRequest對象的函數(shù)賦值給一個名字為ajax的變量, 這時ajax變量的自身就等于了XMLHTTPRequest對象.我們可以使用這個變量來引用XMLHTTPRequest對象中的各個方法和屬性.

第二行:ajax.open("post","web_ajax.asp",true); 表示指定一個請求,請求方式為post,請求的服務(wù)端網(wǎng)頁為web_ajax.asp,true代表為異步請求. 你可以參考:open方法

第三行:ajax.onreadystatechange=function(){},指定了一段自定義程序.我們看function里的內(nèi)容.當(dāng)readyState狀態(tài)等于4的時候,readyState等于4即代表請求的數(shù)據(jù)已被成功返回!并且status 返回200,status代表http請求狀態(tài)碼,返回200代表ok. 與此同時我們使用responseXML接收服務(wù)端傳回的所有數(shù)據(jù).responseXML代表以xml格式來接收數(shù)據(jù).

我們將服務(wù)端返回的所有xml數(shù)據(jù)賦值給一個xmlData的變量.xmlData.getElementsByTagName("msg");即代表獲取返回的xml數(shù)據(jù)中名字為msg所有的標(biāo)簽.你可以參考:getElementsByTagName解釋與實例

msg[0]代表引用第一個msg標(biāo)簽.事實上我們的數(shù)據(jù)內(nèi)也只存在一個msg.并返回該標(biāo)簽第一個子元素的文本內(nèi)容.msg的第一個子元素即是那段文字.nodeValue代表獲取這些文字.參考:firstChild方法與nodeValue 當(dāng)返回的數(shù)據(jù)成功被解析,找出頁面內(nèi)id為str的div,使用innerHTML將數(shù)據(jù)顯示到網(wǎng)頁中.

Post函數(shù)中最后一行:ajax.send(null);這個大家一看便知.發(fā)送請求.null代表發(fā)送一個空的請求,沒有數(shù)據(jù)要提交.
最后我們重點講一下onreadysatechange這個屬性.說他是屬性,但他具有事件機(jī)制.也就是說你可以為他指定一個函數(shù).onreadystatechange的工作原理是:每次readyState的狀態(tài)改變.都會執(zhí)行onreadystatechange指定的那個函數(shù). 其實在ajax.send(null)沒有執(zhí)行之前.onreadystatechange已經(jīng)被執(zhí)行了至少一次了.因為當(dāng)調(diào)用了open方法以后,readystate的狀態(tài)會發(fā)生變化.因此會觸發(fā)onreadystatechange的函數(shù).這類似一個遞歸機(jī)制.readystate的狀態(tài)發(fā)生變化 執(zhí)行onreadystatechange的函數(shù).而我們又在函數(shù)里判斷readysate狀態(tài)值,其實在一個完整的請求過程中,readyState至少會發(fā)生4次變化.根據(jù)瀏覽器會有所不同.只有當(dāng)readystate等于4的時候.我們開始接收數(shù)據(jù)并解析.如果你還不夠明白,請仔細(xì)閱讀:onreadystatechange屬性 readyState方法,以及status
好,我們這次的"ajax初試之讀取數(shù)據(jù)篇"就到此為止,如果你還有不明白的地方,請加以練習(xí),慢慢揣摩.相信會有所收獲.下一篇我們講:"ajax讀取數(shù)據(jù)到表格"
出自:http://Www.Web666.Net
作者:康董
您可能感興趣的文章:
  • ajax讀取數(shù)據(jù)后使用jqchart顯示圖表的方法
  • JS通過ajax動態(tài)讀取xml文件內(nèi)容的方法
  • javascript結(jié)合ajax讀取txt文件內(nèi)容
  • 通過Jquery的Ajax方法讀取將table轉(zhuǎn)換為Json
  • 用js來解決ajax讀取頁面亂碼
  • AJAX 實時讀取輸入文本(php)
  • 用Ajax讀取xml文件的簡單例子
  • java讀取properties文件的方法實例分析
  • ajax讀取properties資源文件數(shù)據(jù)的方法

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

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《Ajax初試之讀取數(shù)據(jù)篇》,本文關(guān)鍵詞  Ajax,初,試之,讀取,數(shù)據(jù),;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《Ajax初試之讀取數(shù)據(jù)篇》相關(guān)的同類信息!
  • 本頁收集關(guān)于Ajax初試之讀取數(shù)據(jù)篇的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av
    欧美日韩成人高清| 日韩中文字幕一区二区三区| 激情五月婷婷综合| 精品一区二区久久| 日韩欧美专区在线| 美女脱光内衣内裤视频久久影院| 成人黄色免费短视频| 欧美日韩综合色| 亚洲第一在线综合网站| 欧美日韩日日骚| 奇米综合一区二区三区精品视频 | 日本中文字幕一区二区视频| 欧美精品久久一区| 久久国产麻豆精品| 国产欧美日韩一区二区三区在线观看| 亚洲成av人片在www色猫咪| 9191成人精品久久| 精品一区二区三区免费视频| 欧美色欧美亚洲另类二区| 日韩电影在线免费| 久久精品亚洲精品国产欧美| 91视视频在线直接观看在线看网页在线看| 欧美草草影院在线视频| 亚洲福利视频导航| 日韩精品一区二区三区四区视频| 亚洲图片一区二区| 日韩精品资源二区在线| www.亚洲在线| 日本伊人午夜精品| 中文字幕亚洲综合久久菠萝蜜| 国产一级精品在线| 亚洲精品你懂的| 日韩三级精品电影久久久 | 欧美电影在线免费观看| 国产在线乱码一区二区三区| 亚洲精品免费视频| 久久这里都是精品| 欧美亚日韩国产aⅴ精品中极品| 亚洲欧美日韩国产一区二区三区| 成人午夜电影小说| 免费的国产精品| 亚洲欧美激情一区二区| 色88888久久久久久影院野外| ...av二区三区久久精品| 欧美精品日韩一区| 99久久99久久综合| 国产一区三区三区| 日韩激情一二三区| 一区二区高清视频在线观看| 久久精品欧美日韩| av中文字幕一区| 免费视频最近日韩| 亚洲第一搞黄网站| 亚洲精品综合在线| 欧美激情一区三区| 欧美精品一区二区三区四区| 在线观看亚洲a| www.成人网.com| 国产v日产∨综合v精品视频| 老司机精品视频一区二区三区| 欧美v亚洲v综合ⅴ国产v| 欧美三级中文字幕在线观看| 91啪亚洲精品| 天堂成人国产精品一区| 精品国内片67194| 欧美欧美午夜aⅴ在线观看| 色综合久久66| 91在线观看美女| 99久久综合狠狠综合久久| 国产精品一区二区三区网站| 亚洲欧美另类久久久精品| 777亚洲妇女| 国产一区二区h| 国内久久精品视频| 激情深爱一区二区| 麻豆精品国产传媒mv男同| 日本亚洲免费观看| 热久久一区二区| 久久国产精品99精品国产| 免费精品视频在线| 另类小说色综合网站| 老司机午夜精品| 国产福利精品导航| 成人综合日日夜夜| 99精品视频中文字幕| 麻豆久久久久久久| 九九九精品视频| 国产资源精品在线观看| 国产精品资源网站| 成人av资源在线| 色综合中文字幕国产 | 成人国产亚洲欧美成人综合网| 亚洲第四色夜色| 日韩不卡一二三区| 久久不见久久见免费视频7| 国产露脸91国语对白| 99这里都是精品| 欧美在线免费视屏| 欧美一三区三区四区免费在线看| 91蝌蚪porny九色| 欧美三级视频在线| 日韩一区二区免费在线电影| 久久男人中文字幕资源站| 国产精品美女久久久久aⅴ| 亚洲免费高清视频在线| 日韩av在线发布| 亚洲超碰精品一区二区| 奇米亚洲午夜久久精品| 国产成人综合亚洲网站| 91美女片黄在线| 日韩欧美中文一区二区| 国产女同互慰高潮91漫画| 久久网站最新地址| 亚洲欧洲精品天堂一级| 亚洲国产成人在线| 亚洲制服丝袜av| 亚洲精品伦理在线| 国产精品久久久久久久第一福利| 国产色一区二区| 国产婷婷色一区二区三区四区| 精品久久久久av影院 | 亚洲国产一区二区在线播放| 奇米色777欧美一区二区| 大尺度一区二区| 成人一区二区视频| 高潮精品一区videoshd| 精品视频1区2区| 欧美国产精品一区二区| 丝袜脚交一区二区| 99视频精品免费视频| wwwwxxxxx欧美| 亚洲成人tv网| 99re这里只有精品视频首页| 欧美成人精品福利| 2020国产精品| 五月综合激情网| 日韩国产在线观看一区| 97久久超碰国产精品| 久久久久久久免费视频了| 亚洲午夜国产一区99re久久| proumb性欧美在线观看| 在线观看av一区二区| 中文字幕第一区| 狠狠色综合播放一区二区| 国产在线播精品第三| 欧美日韩国产片| 亚洲视频香蕉人妖| 亚洲午夜成aⅴ人片| av一本久道久久综合久久鬼色| 日本韩国一区二区三区| 国产精品黄色在线观看| 久久精品噜噜噜成人av农村| 欧美日本免费一区二区三区| 亚洲综合免费观看高清在线观看| 日韩国产成人精品| 在线观看日韩国产| 中文字幕一区二区三区蜜月| 亚洲aⅴ怡春院| 欧美伊人久久久久久久久影院| 色狠狠桃花综合| 亚洲欧美电影一区二区| 99视频有精品| 8v天堂国产在线一区二区| 欧美成人精品1314www| 偷拍一区二区三区四区| 欧美日韩中字一区| 亚洲一区二区三区自拍| 色美美综合视频| 一区二区视频在线| 在线精品视频免费观看| 亚洲免费在线视频一区 二区| 亚洲美腿欧美偷拍| 91网站最新网址| 亚洲综合色区另类av| 蜜臀av一区二区在线观看| 欧美一区二区二区| 美女视频黄久久| 97久久人人超碰| 亚洲第一成年网| 日韩一二三区不卡| 国内欧美视频一区二区| 国产欧美日韩激情| 亚洲青青青在线视频| 欧美优质美女网站| 欧美一区二区免费观在线| 日本视频免费一区| 精品入口麻豆88视频| 国产福利一区二区| 欧美群妇大交群的观看方式| 麻豆精品精品国产自在97香蕉| 99久久免费国产| 一区二区三区在线免费播放| 国内久久婷婷综合| 国产精品激情偷乱一区二区∴| 日本不卡视频在线观看| 亚洲精品在线免费观看视频| 成人丝袜高跟foot| 一区二区三区在线高清| 99视频精品全部免费在线| 午夜激情久久久|