国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

Flash & Ajax 操作 XML 實例:無刷新分頁

來源:懂視網 責編:小采 時間:2020-11-27 22:52:48
文檔

Flash & Ajax 操作 XML 實例:無刷新分頁

Flash & Ajax 操作 XML 實例:無刷新分頁:其實標題只是一個噱頭罷了,只是想談一下,Javascript 與 Actionscript 是如何操作XML的。 希望能幫助一些只用 Javascript 或 只懂 Actionscript 的朋友,了解兩者的相同與不同之處。 Flash 與 后臺連接有許多種,Actionscript 調用 XML(
推薦度:
導讀Flash & Ajax 操作 XML 實例:無刷新分頁:其實標題只是一個噱頭罷了,只是想談一下,Javascript 與 Actionscript 是如何操作XML的。 希望能幫助一些只用 Javascript 或 只懂 Actionscript 的朋友,了解兩者的相同與不同之處。 Flash 與 后臺連接有許多種,Actionscript 調用 XML(

其實標題只是一個噱頭罷了,只是想談一下,Javascript 與 Actionscript 是如何操作XML的。
希望能幫助一些只用 Javascript  或 只懂 Actionscript 的朋友,了解兩者的相同與不同之處。
Flash 與 后臺連接有許多種,Actionscript 調用 XML() 算是比較簡單的一種了,
而Javascript 調用 xmlHttp ,便形成了現在很流行的Ajax了。
現在就用一個網上常出現的分頁效果來對 Flash 和 Ajax 做個入門學習。
 效果預覽
源文件下截
source.rar
實際運用中一般是通過后臺腳本生成XML文件,再對其產生的數據進行操作
由于篇幅關系在本文中將用1.xml 2.xml 3.xml代替。后臺腳本不做說明
首先了解一個XML的結構:
代碼如下:
<data>  
  <movie id="1" type="愛情">幸福終點站</movie>  
  <movie id="2" type="恐怖">絕命終結站</movie>  
  <movie id="3" type="喜劇">恐怖電影</movie>  
  …  
  ….  
</data>

從簡單的Flash開始吧
代碼如下:
function setxml(page){  
  pageXml = new XML();                                         //申明XML對象  
  pageXml.ignoreWhite = true;                                 //允許空白  
  pageXml.load(page+".xml?rid="+Math.random());                //讀取XML文件  
  pageXml.onLoad = function(success)  
  {  
    if (success)  
      {  
      parseXml(pageXml);                                       //如果讀取成功,分析XML文件  
    }  
  }  
}  
function parseXml(pageXml){  
  xmlroot = ageXml.firstChild;                                     //定義XML根目錄  
  for (i=0;i<xmlroot.childNodes.length;i++)  
  {  
    attachMovie("tr","tr_"+i,i);                                     //生成行  
    this["tr_"+i]._x = 13;  
    this["tr_"+i]._y = 25*i+33;  
    this["tr_"+i].no = xmlroot.childNodes[i].attributes.id;         //取得一條記錄的ID  
    this["tr_"+i].name = xmlroot.childNodes[i].firstChild;          //片名  
    this["tr_"+i].type = xmlroot.childNodes[i].attributes.type;     //類型  
    page = pageXml.firstChild.attributes.page;                      //獲取當前頁  
  }  
}  
if (!page)                                                         //初始頁碼為第一頁 page=1;  
  setxml(page);                                                    //初始第一頁內容  
presetxmlbtn.onRelease = function()  
{  
  setxml(page*1-1);                                                //向前翻頁,讀取內容  
}            
nextbtn.onRelease = function()  
{  
  setxml(page*1+1);                                                //向后翻頁,讀取內容  


接下來是Ajax了
關于Ajax 入門學習可以有翻一下我以前的日志,我推薦過兩篇不錯的文章
代碼如下:
var xmlHttp  
/*  
第一部分是有關xmlHttp的申明,因為IE和其它一些瀏覽生成xmlHttp的對象有一點兩樣,所以申明時比較麻煩  
其它主要功能相當于Flash方式中的 "new XML()" 當然還包函其它功能   
*/  
function GetXmlHttpObject(handler)  
{   
  var objXmlHttp=null;   
  if (navigator.userAgent.indexOf("MSIE")>=0)  
  {   
    var strName="Msxml2.XMLHTTP";  
    if (navigator.appVersion.indexOf("MSIE 5.5")>=0)             //既使是IE都有兩種申明方式  
    {  
      strName="Microsoft.XMLHTTP";  
    }   
    try  
    {   
      objXmlHttp=new ActiveXObject(strName);  
      objXmlHttp.onreadystatechange=handler;   
      return objXmlHttp;  
    }   
    catch(e)  
    {   
      alert("Error. Scripting for ActiveX might be disabled");   
      return;  
    }   
  }  
  else  
  {  
    objXmlHttp=new XMLHttpRequest();                             //Firefox、Opera等都是用這種  
    objXmlHttp.onload=handler;  
    objXmlHttp.onerror=handler;  
    return objXmlHttp;  
  }  
}  
//首先要被調用的函數,可看作上面Flash中的 setxml()函數,  
function showpage(no)  
{  
  document.getElementById("loadstatus").innerHTML = "Lading…";  
  var url = no+".xml?rid="+Math.random();  
  //stateChanged_showplist是下面的函數名,注意的是不要加括號  
  xmlHttp=GetXmlHttpObject(stateChanged_showplist);  
  //傳遞方式是GET,也可以選擇POST方式,有時傳遞變量是中文要記得設置文件頭                     
  xmlHttp.open("GET", url , true);  
  xmlHttp.send(null);  
}  
//分析XML函數  
function stateChanged_showplist()  
{  
  if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") //xmlHttp.readyState==4  4表示讀取結束  
  {  
    document.getElementById("loadstatus").innerHTML = " ";  
    table = document.getElementById("pagebody");               //生成TALBE Element  
    for (i = table.rows.length-1; i >= 0; i–)                 //要刪除原來有的行,不然表格會無限延伸  
      table.deleteRow(i);  
    xmlroot = xmlHttp.responseXML.getElementsByTagName("movie");  //取得XML所需要的根  

    for (i=0;i<xmlroot.length;i++)  
    {  
      //簡單的DOM,生成表格。  
      tr = table.insertRow(-1);   
      td = tr.insertCell(-1);  
      td.align = "center";  
      td.innerHTML = ‘<span class="warntxt">'+xmlroot[i].getAttribute('id')+'</span>';  
      td = tr.insertCell(-1);  
      td.innerHTML = xmlroot[i].firstChild.data;  
      td = tr.insertCell(-1);  
      td.innerHTML = xmlroot[i].getAttribute('type');  
    }  
    //定義翻頁鏈接  
    page = xmlHttp.responseXML.getElementsByTagName("data")[0].getAttribute('page')  
    if (page >1)  
    {  
      prepage = page*1-1;  
      var changpage = "<a href='javascript:showpage("+ prepage +")'>上一頁</a> ";  
    }  
    else  
    {  
      changpage = "上一頁 ";  
    }  
    if (page <3)  
    {  
      nextpage = page*1+1;  
      changpage += "<a href='javascript:showpage("+ nextpage +")'>下一頁</a> ";  
    }  
    else{  
      changpage += "下一頁 ";  
    }  
    document.getElementById("changpage").innerHTML = changpage;  
  }  
}

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

Flash & Ajax 操作 XML 實例:無刷新分頁

Flash & Ajax 操作 XML 實例:無刷新分頁:其實標題只是一個噱頭罷了,只是想談一下,Javascript 與 Actionscript 是如何操作XML的。 希望能幫助一些只用 Javascript 或 只懂 Actionscript 的朋友,了解兩者的相同與不同之處。 Flash 與 后臺連接有許多種,Actionscript 調用 XML(
推薦度:
標簽: 操作 實例 xml
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 中文字幕韩国电影 | 九九国产精品九九 | 国产丝袜在线视频 | 日韩欧美第一页 | 亚洲日韩欧美综合 | 国精品日韩欧美一区二区三区 | 黄色免费一级视频 | 亚洲欧美日韩色图 | 欧美高清日韩 | 国产日韩欧美亚洲综合首页 | 欧美日韩精品国产一区二区 | 国产一级一级一级成人毛片 | 久久er| 性插网站| 欧美 日韩 国产 在线 | 亚洲欧美综合区自拍另类 | 欧美激情91 | 亚洲wuma| 国产欧美综合在线观看第七页 | 最新国产精品亚洲二区 | 国产亚洲第一页 | 久久99久久99精品 | 在线观看欧美日韩 | 国产欧美一区二区三区在线 | 日本激情网址 | 国产精品系列在线一区 | 国产欧美久久久精品影院 | 日本不卡一区二区三区四区 | 国产成人h福利小视频在线观看 | 亚洲第一网站在线观看 | 国内精品久久久久 | 日韩欧美在线观看 | 国产国语一级a毛片高清视频 | 亚洲天堂一区二区三区 | 亚欧成人毛片一区二区三区四区 | 亚洲精品98久久久久久中文字幕 | 精品欧美| 亚洲欧美网址 | 国产一级在线 | 91麻豆国产香蕉久久精品 | 亚洲欧美网址 |