完成进度条后加载PHP文件

时间:2019-08-18 20:28:52

标签: javascript php jquery

我正在尝试让进度条在完成时更新为实际的PHP代码。

var url2 = '';
function progressBarSim(al) {

  var bar = document.getElementById('progressBar');
  var status = document.getElementById('status');
  status.innerHTML = al+"%";
  bar.value = al;
  al++;
  var elem = document.getElementById("progressBar"); 
  elem.style.width = al + '%'; 
  var sim = setTimeout("progressBarSim("+al+")",77);
    if(al == 100){
      status.innerHTML = "100%";
      bar.value = 100;
      clearTimeout(sim);
      var finalMessage = document.getElementById('finalMessage');

      finalMessage.innerHTML = "<?php include('hi.php'); ?>";
    }
}
var amountLoaded = 0;
progressBarSim(amountLoaded);

当我在hi.php文件中未包含PHP代码时,以上代码有效,但是如果文件中包含任何形式的实际PHP代码,它将使整个进度栏不再起作用。达到100%时,如何使进度条加载hi.php?

1 个答案:

答案 0 :(得分:0)

您无法通过客户端JavaScript访问服务器上的文件。 而且,所有php脚本都在服务器端运行。

UPD:

{

您可以执行以下操作:

1)加载要与其他页面一起显示的内容-如果加载内容不变,则适合。

2)使用AJAX动态加载内容

}

如果要动态加载内容,则应阅读有关ajax查询的信息。