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

主頁 > 知識庫 > Ajax初試之讀取數(shù)據(jù)篇實現(xiàn)代碼

Ajax初試之讀取數(shù)據(jù)篇實現(xiàn)代碼

熱門標簽:接聽電話機器人哪有 辦理一個400電話多少錢 莆田防封電銷卡價格 信貸電銷機器人有用嗎 如何用地圖標注各分公司 廣西ai語音電銷機器人哪家好 蓄意標記地圖標注 察縣地圖標注 電銷機器人適用范圍
是的,今天我們要實現(xiàn)的效果是.在不刷新網(wǎng)頁的情況下讀取并顯示服務端的數(shù)據(jù).
拿出來我們上次準備好的東西.
1:XMLHTTPRequest對象的函數(shù).
2:Asp輸出xml格式的文件.你可以點擊查看該文件內(nèi)容
復制代碼 代碼如下:

%
'出自:http://Www.Web666.Net
'作者:康董
'如需轉(zhuǎn)載請務必保留以上信息
'定義一個變量,來保存xml數(shù)據(jù)
dim xml
xml = "?xml version='1.0' encoding='gb2312'?>body>"
xml = xml"msg>一個簡單的Asp輸出xml的示例,以后在我們的ajax教程實例中,我們都將使用該文件進行數(shù)據(jù)的讀取操作/msg>"
xml=xml"/body>"
Response.Clear
Response.ContentType="text/xml"
Response.CharSet="gb2312"
Response.Write xml
Response.End
%>

打開以后你會發(fā)現(xiàn)我們使用Asp技術動態(tài)的輸出一個xml格式的數(shù)據(jù).如果你對該技術還不了解,請返回閱讀:ajax開始準備篇 在這個輸出的數(shù)據(jù)里面有一個msg標簽.標簽里包含了一段文字內(nèi)容.今天我們就讀取這個msg標簽.并將文字內(nèi)容顯示到你的網(wǎng)頁上.
先看下面的代碼.并附上效果演示
復制代碼 代碼如下:

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.結束
//如果非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);//設置請求方式,請求文件,異步請求
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ù)的作用是當你點擊讀取數(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ǎng)頁為web_ajax.asp,true代表為異步請求. 你可以參考:open方法
第三行:ajax.onreadystatechange=function(){},指定了一段自定義程序.我們看function里的內(nèi)容.當readyState狀態(tài)等于4的時候,readyState等于4即代表請求的數(shù)據(jù)已被成功返回!并且status 返回200,status代表http請求狀態(tài)碼,返回200代表ok. 與此同時我們使用responseXML接收服務端傳回的所有數(shù)據(jù).responseXML代表以xml格式來接收數(shù)據(jù).
我們將服務端返回的所有xml數(shù)據(jù)賦值給一個xmlData的變量.xmlData.getElementsByTagName("msg");即代表獲取返回的xml數(shù)據(jù)中名字為msg所有的標簽.你可以參考:getElementsByTagName解釋與實例
msg[0]代表引用第一個msg標簽.事實上我們的數(shù)據(jù)內(nèi)也只存在一個msg.并返回該標簽第一個子元素的文本內(nèi)容.msg的第一個子元素即是那段文字.nodeValue代表獲取這些文字.參考:firstChild方法與nodeValue 當返回的數(shù)據(jù)成功被解析,找出頁面內(nèi)id為str的div,使用innerHTML將數(shù)據(jù)顯示到網(wǎng)頁中.
Post函數(shù)中最后一行:ajax.send(null);這個大家一看便知.發(fā)送請求.null代表發(fā)送一個空的請求,沒有數(shù)據(jù)要提交.
最后我們重點講一下onreadysatechange這個屬性.說他是屬性,但他具有事件機制.也就是說你可以為他指定一個函數(shù).onreadystatechange的工作原理是:每次readyState的狀態(tài)改變.都會執(zhí)行onreadystatechange指定的那個函數(shù). 其實在ajax.send(null)沒有執(zhí)行之前.onreadystatechange已經(jīng)被執(zhí)行了至少一次了.因為當調(diào)用了open方法以后,readystate的狀態(tài)會發(fā)生變化.因此會觸發(fā)onreadystatechange的函數(shù).這類似一個遞歸機制.readystate的狀態(tài)發(fā)生變化 執(zhí)行onreadystatechange的函數(shù).而我們又在函數(shù)里判斷readysate狀態(tài)值,其實在一個完整的請求過程中,readyState至少會發(fā)生4次變化.根據(jù)瀏覽器會有所不同.只有當readystate等于4的時候.我們開始接收數(shù)據(jù)并解析.如果你還不夠明白,請仔細閱讀:onreadystatechange屬性 readyState方法,以及status
好,我們這次的"ajax初試之讀取數(shù)據(jù)篇"就到此為止,如果你還有不明白的地方,請加以練習,慢慢揣摩.相信會有所收獲.下一篇我們講:"ajax讀取數(shù)據(jù)到表格"
您可能感興趣的文章:
  • Ajax添加數(shù)據(jù)與刪除篇實現(xiàn)代碼
  • Ajax修改數(shù)據(jù)即時顯示篇實現(xiàn)代碼
  • Ajax添加數(shù)據(jù)即時顯示信息篇
  • Ajax讀取數(shù)據(jù)到表格的實現(xiàn)代碼
  • Ajax開始準備入門篇
  • 什么是Ajax
  • Ajax讀取數(shù)據(jù)之分頁顯示篇實現(xiàn)代碼

標簽:儋州 張掖 延邊 銅陵 益陽 鷹潭 阿拉善盟

巨人網(wǎng)絡通訊聲明:本文標題《Ajax初試之讀取數(shù)據(jù)篇實現(xiàn)代碼》,本文關鍵詞  Ajax,初,試之,讀取,數(shù)據(jù),;如發(fā)現(xiàn)本文內(nèi)容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《Ajax初試之讀取數(shù)據(jù)篇實現(xiàn)代碼》相關的同類信息!
  • 本頁收集關于Ajax初試之讀取數(shù)據(jù)篇實現(xiàn)代碼的相關信息資訊供網(wǎng)民參考!
  • 推薦文章
    婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av
    欧美一三区三区四区免费在线看| 亚洲国产精品久久久久婷婷884 | 国产一区二区三区| 日韩高清在线一区| 午夜不卡av免费| 久久久精品免费免费| 亚洲女同女同女同女同女同69| 五月激情综合色| 一本久久a久久免费精品不卡| 精品裸体舞一区二区三区| 亚洲男人的天堂在线aⅴ视频| 久久99精品国产.久久久久| 日本丰满少妇一区二区三区| 亚洲国产激情av| 精品中文字幕一区二区小辣椒| 欧美日韩大陆在线| 亚洲精品免费看| 99九九99九九九视频精品| 久久综合网色—综合色88| 奇米精品一区二区三区在线观看| 色素色在线综合| 国产精品久久网站| 不卡av电影在线播放| 久久亚洲一区二区三区四区| 奇米888四色在线精品| 91精品国产91久久久久久一区二区 | 国内外精品视频| 日韩免费视频一区| 美腿丝袜亚洲三区| 精品久久久影院| 国内成人免费视频| 欧美mv和日韩mv国产网站| 美女看a上一区| 欧美成人a在线| 激情欧美日韩一区二区| 欧美精品一区二区三区高清aⅴ| 久久精品99久久久| 久久久久久久综合日本| 大尺度一区二区| 中文字幕日韩av资源站| 91在线视频观看| 亚洲成人手机在线| 日韩免费福利电影在线观看| 国内成+人亚洲+欧美+综合在线| 欧美精品一区在线观看| www.一区二区| 一个色在线综合| 69久久夜色精品国产69蝌蚪网| 免费成人美女在线观看| 久久中文字幕电影| 91美女在线看| 免费观看日韩电影| 免费观看一级特黄欧美大片| 久久久99久久精品欧美| 99精品桃花视频在线观看| 亚洲自拍偷拍图区| 精品日韩一区二区三区免费视频| 国产99精品国产| 一卡二卡欧美日韩| 精品成人在线观看| 91捆绑美女网站| 男人的天堂亚洲一区| 国产精品美女久久久久久2018 | 亚洲成人免费av| 99视频一区二区三区| 国产色产综合产在线视频| 蜜臀久久99精品久久久画质超高清 | 欧美吻胸吃奶大尺度电影| 欧美精品在线一区二区| 奇米亚洲午夜久久精品| 国产精品每日更新| 日韩一区二区三区四区 | 欧美激情一区二区三区不卡| 91丨九色porny丨蝌蚪| 久久成人精品无人区| 中文字幕中文字幕在线一区| 欧美一区二区在线免费观看| 99热精品国产| 国产一区二区三区av电影 | 日韩欧美国产系列| 99精品热视频| 国产一区视频在线看| 亚洲高清三级视频| 日本一区二区免费在线| 日韩欧美国产午夜精品| 欧美在线小视频| 成人精品国产福利| 国产精品一区一区三区| 免费观看30秒视频久久| 亚洲一本大道在线| 亚洲免费成人av| 成人永久aaa| 日本91福利区| 香蕉久久一区二区不卡无毒影院| 国产精品萝li| 亚洲国产精品精华液ab| 一本久久精品一区二区| av亚洲产国偷v产偷v自拍| 国产激情91久久精品导航| 麻豆91免费看| 麻豆一区二区99久久久久| 亚洲gay无套男同| 亚洲国产精品久久人人爱蜜臀| 亚洲欧美日韩一区二区| 国产精品传媒在线| 欧美国产一区二区| 国产视频一区在线观看| 久久只精品国产| 久久久久久久av麻豆果冻| 久久嫩草精品久久久久| 久久婷婷国产综合精品青草| 精品99久久久久久| 欧美mv日韩mv国产网站app| 欧美一区二区美女| 91精品国产综合久久精品app| 91精品国产综合久久国产大片| 91精品国产91久久久久久一区二区| 亚洲在线中文字幕| 午夜一区二区三区视频| 日精品一区二区三区| 日韩不卡手机在线v区| 99热这里都是精品| 青草国产精品久久久久久| 亚洲人成7777| 欧美国产1区2区| 欧美一级一区二区| 欧美性猛交xxxxxx富婆| 成人爱爱电影网址| 国产乱理伦片在线观看夜一区| 亚洲成人免费在线观看| 日韩一区二区高清| 欧美一区二区精美| 久久久777精品电影网影网| 国产精品久久毛片| 亚洲影院理伦片| 蜜臀国产一区二区三区在线播放| 精品一区二区三区免费毛片爱| 国产精品1区2区| 91在线无精精品入口| 欧美一区二区三区在线视频| 国产亚洲成年网址在线观看| 一区二区三区中文在线| 美洲天堂一区二卡三卡四卡视频| 国产精品一品二品| 欧美色男人天堂| 欧美成人女星排名| 亚洲色图在线视频| 久久99久久99| 色综合夜色一区| 精品少妇一区二区三区在线播放| 国产精品久久久久精k8| 免费成人在线观看| 色综合久久六月婷婷中文字幕| 日韩区在线观看| 一区二区三区在线观看网站| 精一区二区三区| 欧美色图一区二区三区| 国产日韩欧美亚洲| 日韩在线一二三区| 91精品办公室少妇高潮对白| www国产成人免费观看视频 深夜成人网| 亚洲品质自拍视频网站| 黄色精品一二区| 9191精品国产综合久久久久久| 亚洲国产精品二十页| 久国产精品韩国三级视频| 欧美色图免费看| 亚洲男人电影天堂| 高清不卡在线观看| 精品国产凹凸成av人网站| 亚洲成人av资源| 91在线一区二区| 中文字幕一区二区三区蜜月| 国产精品99久久久久久久vr| 日韩三级电影网址| 日韩和欧美一区二区| 欧美视频一区二区| 一区二区三区在线免费| 91网站最新地址| 国产色一区二区| 精品一区中文字幕| 欧美成人综合网站| 蜜桃一区二区三区四区| 91精品国产综合久久精品性色| 亚洲国产一二三| 欧美亚洲国产怡红院影院| 一区二区三区在线影院| 91国模大尺度私拍在线视频 | 欧美三区在线观看| 亚洲另类色综合网站| 99久久er热在这里只有精品15| 国产精品久久三| 99久久久无码国产精品| 亚洲丝袜自拍清纯另类| 91丨porny丨国产| 自拍偷自拍亚洲精品播放| www.成人在线| 亚洲伦在线观看| 欧美三级蜜桃2在线观看| 午夜视频一区在线观看|