导航：首页 > 开发技术 >

怎么用Flash和Ajax实现无刷新分页功能

发表于：2026-11-01 作者：千家信息网编辑

千家信息网最后更新 2026年11月01日，这篇文章主要讲解了"怎么用Flash和Ajax实现无刷新分页功能"，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习"怎么用Flash和Ajax实现无刷新分页

千家信息网最后更新 2026年11月01日怎么用Flash和Ajax实现无刷新分页功能

这篇文章主要讲解了"怎么用Flash和Ajax实现无刷新分页功能"，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习"怎么用Flash和Ajax实现无刷新分页功能"吧！

实际运用中一般是通过后台脚本生成XML文件，再对其产生的数据进行操作
由于篇幅关系在本文中将用1.xml 2.xml 3.xml代替。后台脚本不做说明
首先了解一个XML的结构：

代码如下:

幸福终点站
绝命终结站
恐怖电影
…
….

从简单的Flash开始吧

代码如下:

接下来是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")[xss_clean] = "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")[xss_clean] = " ";
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{
//简单的DOM，生成表格。
tr = table.insertRow(-1);
td = tr.insertCell(-1);
td.align = "center";
td[xss_clean] = ''+xmlroot[i].getAttribute('id')+'';
td = tr.insertCell(-1);
td[xss_clean] = xmlroot[i].firstChild.data;
td = tr.insertCell(-1);
td[xss_clean] = xmlroot[i].getAttribute('type');
}
//定义翻页链接
page = xmlHttp.responseXML.getElementsByTagName("data")[0].getAttribute('page')
if (page >1)
{
prepage = page*1-1;
var changpage = "上一页 ";
}
else
{
changpage = "上一页 ";
}
if (page <3)
{
nextpage = page*1+1;
changpage += "下一页 ";
}
else{
changpage += "下一页 ";
}
document.getElementById("changpage")[xss_clean] = changpage;
}
}