哪位能给我一个PHP+XAJAX的进度条的例子

http://www.google.cn/search?hl=zh-CN&q=jquery+%E8%BF%9B%E5%BA%A6%E6%9D%A1&btnG=Google+%E6%90%9C%E7%B4%A2
function myObjRequest()
{
var myhttp=null;
try
{
myhttp = new ActiveXObject("Msxml2.XMLHTTP");
}
catch(ie)
    {
    try
{
myhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(huohu)
{
myhttp = new XMLHttpRequest();
}
}
   return myhttp;
} function getConfig()
{
var select_Mirror=document.getElementById("select_Mirror").value;
var select_NIC=document.getElementById("select_NIC").value;
var Text_IP=document.getElementById("Text_IP").value;
var text_Netmask=document.getElementById("text_Netmask").value;
var text_Gateway=document.getElementById("text_Gateway").value;
var text_Domain=document.getElementById("text_Domain").value;

     var url="./BodyRun.php?Mirror="+select_Mirror+"&NIC="+select_NIC+"&IP="+Text_IP+"&Netmask="+text_Netmask+"&Gateway="+text_Gateway+"&Domain="+text_Domain;
     var myObj=myObjRequest();
     myObj.open("GET",url,true);
     myObj.onreadystatechange=function()
     {
        if(myObj.readyState==4)
    {
   //alert(myObj.readyState);
        if (myObj.status==200)
        {
           //读取的数据正确
      document.getElementById("text_msgShow").value=myObj.responseText;
      document.getElementById("LoainDiv").innerHTML="";
        }
       else
   {
      document.getElementById("LoainDiv").innerHTML="网络连接错误，请检查网络！";
     }
}
else
{
document.getElementById("LoainDiv").innerHTML="<div align='center'><img src=./images/loading.gif>系统正在检测中，可能需要几分钟...</div>";
}
   }
  myObj.send(null)
}BodyRun.php<?php
sleep(60);
header("Content-type:text/html; charset=gb2312");

$pathtxt='/tmp/config.txt';
if(file_exists($pathtxt))
{
//读取文本文件的内容。
$file = fopen($pathtxt, "r");
while(!feof($file))
{
   echo fgets($file);
}
fclose($file);
}
else
{
echo "配置错误，系统检测失败！";
}
}
?>这样就可以出现进度条了。
这个JS是AJAX进度条的JS,不过里面垃圾代码比较多,没时间整理var allnum = 0; //总数
var cur_num =0; //当前数
var allu = ""; //所有记录ID数组
var mytype = 0; //记录是文章还是产品 0是文章 1是产品
var curu=0;
//选择产品或者文章
function mydisplaya(n)
{
if(n==1)
{
if(document.getElementById("settype").value ==3)
{
document.getElementById("mydiv3").style.display = 'none';document.getElementById("mydiv3p").style.display = '';
}

}
else
{
if(document.getElementById("settype").value ==3)
{
document.getElementById("mydiv3p").style.display = 'none';document.getElementById("mydiv3").style.display = '';
}
}
}
//用于选择生成页面类别
function mydisplay(n)
{
switch(n)
{
case 1:
document.getElementById("mydiv1").style.display = '';document.getElementById("mydiv2").style.display = 'none';
document.getElementById("mydiv3").style.display = 'none';document.getElementById("mydiv4").style.display = 'none';
document.getElementById("mydiv3p").style.display = 'none';
document.getElementById("settype").value =1;
document.getElementById("allad").style.display = 'none';
break;
case 2:
document.getElementById("mydiv1").style.display = 'none';document.getElementById("mydiv2").style.display = '';
document.getElementById("mydiv3").style.display = 'none';document.getElementById("mydiv4").style.display = 'none';
document.getElementById("mydiv3p").style.display = 'none';document.getElementById("settype").value =2;
document.getElementById("mydiv3p").value =2;
document.getElementById("allad").style.display = 'none';
break;
case 3:
document.getElementById("mydiv1").style.display = 'none';document.getElementById("mydiv2").style.display = 'none';
document.getElementById("mydiv4").style.display = 'none';document.getElementById("settype").value =3;
document.getElementById("allad").style.display = 'none';
if(document.getElementById("ap").value == 1)
{
document.getElementById("mydiv3p").style.display = '';
}
else
{
document.getElementById("mydiv3").style.display = '';
}
break;
case 4:
document.getElementById("mydiv1").style.display = 'none';document.getElementById("mydiv2").style.display = 'none';
document.getElementById("mydiv3").style.display = 'none';document.getElementById("mydiv4").style.display = '';
document.getElementById("mydiv3p").style.display = 'none';document.getElementById("settype").value =4;
document.getElementById("allad").style.display = '';
break;

}
}//根据选择类别，生成对应页面
function create()
{

var pa = document.getElementById("ap").value; //是文章还是产品
var radios=document.getElementsByName("createtype");
var checkedvalue; //选择生成页类型 0是编号 1是日期，2是类别 3 特殊页面
    for(var i=0;i<radios.length;i++)
    {
            if(radios[i].checked==true)
            {
                checkedvalue = radios[i].value;
            }
    }

switch(checkedvalue)
{
case "0": //编号
var mycode = $("TypeCode").value;
if(!CheckNum(mycode,"0123456789")){alert("编号必须是数字且不能为空");$("TypeCode").focus();return false;} //判断必须是数字
$("myhint").style.display= '';
//ID=window.setTimeout("getCreateInfo(0,"+mycode+")",$("speed").value);
getCreateInfo(pa,0,mycode);
     break;
case "1": //日期
var begin = $("begindate").value;
var end = $("enddate").value;
var myvalue = begin+","+end;
$("myhint").style.display= '';
//ID=window.setTimeout("getCreateInfo(1,'"+myvalue+"')",$("speed").value);
getCreateInfo(pa,1,myvalue);
break;
case "2": //类别
if(pa ==1)
{
var allcheck=document.getElementsByName("smalltypep");
var big = $("bigclassp").value;
}
else
{
var allcheck=document.getElementsByName("smalltype");
var big = $("bigclass").value;
}
var allvalue ="";
for(var i=0;i<allcheck.length;i++)
{
if(allcheck[i].checked==true)
{
if(i<allcheck.length - 1)
{
allvalue = allvalue+ allcheck[i].value+",";
}
else
{
allvalue = allvalue+ allcheck[i].value;
}
}
}
if(allvalue.substr(allvalue.length-1,1) == ",")
{
allvalue = allvalue.substr(0,allvalue.length-1);
}
if(allvalue == "")
{
alert("请选择小类");
return false;
}
var allvalue1 = allvalue +"^"+big
$("myhint").style.display= '';
//ID=window.setTimeout("getCreateInfo(2,'"+allvalue1+"')",$("speed").value);
getCreateInfo(pa,2,allvalue1);
     break;
case "3": //特殊页面
var other = $("other").value

$("myhint").style.display= '';
//ID=window.setTimeout("getCreateInfo(3,"+other+")",$("speed").value);
getCreateInfo(pa,3,other);
break;
}
}
///获取生成页面进度和已生成数据
function getCreateInfo(pa,type,myvalue)
{
createlog('\r\n> 初始化程序...');
if(type == 0)
{
var url="adminajax.php?menu=createhtml&pa="+pa+"&type=only&id="+myvalue;
}
else if(type == 1)
{
var mydate = myvalue.split(",");
var url="adminajax.php?menu=createhtml&pa="+pa+"&type=date&begin="+mydate[0]+"&end="+mydate[1];
}
else if(type == 2)
{
var myee = myvalue.split("^");
var url="adminajax.php?menu=createhtml&pa="+pa+"&type=type&alltype="+myee[0]+"&big="+myee[1];
}
else if(type == 3)
{
var allspec = $("allspec").checked;var alla;
if(allspec){alla=1;}else{alla=0;}
var url="adminajax.php?menu=createhtml&pa="+pa+"&allspec="+alla+"&type=other&id="+myvalue;
}
var ajax=createAjax();
ajax.open("GET",url,true);
$("myhint").style.display= '';
ajax.onreadystatechange=function()
{
if(ajax.readyState==4)
{
if(ajax.status==200)
{
var info = ajax.responseText;

info = info.split("^");
mytype = info[0];
if (info[1].length == 0)
{
allnum=0;
createlog("\r\n>"+allnum+"条数据需要执行");
$("myhint").style.display= 'none';
}
else
{
allu = info[1].split(",");
//alert(info[1]);
allnum = info[1].split(",").length;
document.getElementById("steptd").style.width = "0%";
document.getElementById("stepspan").innerHTML = "0%";
cur_num =1;
curu=cur_num-1;
createlog("\r\n>"+allnum+"条数据需要执行");

createInfo(mytype,allu[curu]);
}
}
}
}
ajax.send(null);
}
//改变大类，相应改变其对应的小类（文章）
function changesmall(n)
{
var url="adminajax.php?menu=changesmall&id="+n;
var ajax=createAjax();
ajax.open("GET",url,true);
$("myhint").style.display= '';

ajax.onreadystatechange=function()
{
if(ajax.readyState==4)
{
if(ajax.status==200)
{
var info = ajax.responseText;

$("smallclass").innerHTML = info;
$("myhint").style.display= 'none';
}
}
}

ajax.send(null);
}//改变大类，相应改变其对应的小类(产品)
function changesmallp(n)
{
var url="adminajax.php?menu=changesmallp&id="+n;
var ajax=createAjax();
ajax.open("GET",url,true);
$("myhint").style.display= '';

ajax.onreadystatechange=function()
{
if(ajax.readyState==4)
{
if(ajax.status==200)
{
var info = ajax.responseText;

$("smallclassp").innerHTML = info;
$("myhint").style.display= 'none';
}
}
}
ajax.send(null);
}//创建日志
function createlog(log){
var logbox = document.getElementById("createinfo");
//Log_ += log;
//logbox.value += log;
logbox.value = log;
logbox.scrollTop = logbox.scrollHeight;
}//执行生成页面
function createInfo(type,id)
{
var url="adminajax.php?menu=createone&type="+type+"&id="+id;
var ajax=createAjax();
ajax.open("GET",url,true);
ajax.onreadystatechange=function()
{
if(ajax.readyState==4)
{
if(ajax.status==200)
{
var info = ajax.responseText;
if(trim(info)=="ok")
{
comp(cur_num);
if(cur_num<allnum)
{
createlog("\r\n>正在执行第"+cur_num+"条数据...,共有"+allnum+"条数据...");
createInfo(type,allu[cur_num]);

}
else if(cur_num == allnum)
{
createlog("\r\n>正在执行第"+cur_num+"条数据...,共有"+allnum+"条数据...");
createlog("\r\n>执行完成");
$("myhint").style.display= 'none';
}
cur_num+=1;
}
else
{
alert(info);
}
}
}
}
ajax.send(null);
}function comp(n){
var jdt_ = document.getElementById("stepspan");
var cp = Math.round(n/allnum*100);
jdt_.innerHTML = '进度：'+cp+'%';
cp = cp/4;
document.getElementById("steptd").style.width = cp+"%";
}

调试易

哪位能给我一个PHP+XAJAX的进度条的例子

解决方案 »