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-Page は、次のような 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 に答える