1

所以我有一个永久重新加载 PHP 页面的 Ajax 脚本：

<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            loadstatus();
        });
        function loadstatus(){
            $.ajax("innopbx.monitor.php").done(function(data){
                document.getElementById("status").innerHTML = data;
                setTimeout('loadstatus()', 1000);
            });
        }
    </script>

并且正在重新加载的 PHP 页面显示 HTML-Canvas，如下所示：

echo '<canvas id="' . $ui->guid . '" width="100" height="100" class="clear" style="border:1px dotted"></canvas> ';
echo '<script type="text/javascript">
  var a_canvas = document.getElementById("' . $ui->guid . '");
  var a_context = a_canvas.getContext("2d");
  var gradient = a_context.createLinearGradient(0, 0, 0, 100);
  gradient.addColorStop(0, "#bbffbb");
  gradient.addColorStop(1, "#55ff55");
  a_context.fillStyle = gradient;
  a_context.fillRect(2, 2, 96, 96);
  a_context.font = "10px sans-serif";
  a_context.fillStyle = "black";
  a_context.fillText("' . $ui->cn . '", 5, 20);
</script>';

当我直接导航到 PHP 页面时，画布完全按照预期绘制。但是，当我使用永久重新加载 PHP 页面的 AJAX 功能导航到页面时，我只看到虚线边框。它没有填充，也没有文本。

你有什么主意吗？提前致谢！

4

1 回答 1

0

您可以尝试添加document.getElementById("status")为.target$.ajax

var t = document.getElementById("status");
function loadStatus(){
   $.ajax({url: "innopbx.monitor.php", target: t, success: function(){
        setTimeout(loadstatus, 1000);
   });
}

它应该处理 js 执行，而不是innerHTML = ....

于 2013-03-29T15:42:18.953 回答