首页 > 解决方案 > 将 Javascript 函数与 Ajax Post 合并

问题描述

我对 Javascript 和 ajax 知之甚少,我有以下 javascript 函数,它基本上是一个基于时间的进度条

<script type="text/javascript">

function progress(timeleft, timetotal, $element) {
var n = document.getElementById("validating");    
var x = document.getElementById("progressBar");
var y = document.getElementById("success-bar");
var z=  document.getElementById("error-bar");
var foobarElement = document.getElementById('foobar'); 
foobarElement.style.backgroundImage = ''; //Removing background gear img from iframe
x.style.display = "block";
var progressBarWidth = timeleft * $element.width() / timetotal;
$element.find('div').animate({ width: progressBarWidth }, 3000).html(timeleft + " seconds to go");
if(timeleft > 0) {
    setTimeout(function() {
        progress(timeleft - 1, timetotal, $element);
    }, 1000);
} else{   
   x.style.display = "none";
   n.style.display = "none";
   y.style.display = "block";
   z.style.display = "block";
   }   
};

我正在尝试在上面的else位置包含下面的 ajax 回发功能,但它不起作用,我如何在上面的 javascript 其他位置包含下面的 ajax

 $.ajax({
     url:"/post_back2222.php",
     type:"POST",
     data:{file: include},
     success: function(){
          // you can get executed content of a file here. 
          alert("Hello! I am an alert box!!");
     }
});

标签: javascriptajax

解决方案


推荐阅读