Question

我有一个名为bargraph.php的php文件正在创建条形图图像。我正在使用以下内容bargraph.php将graph.php导入<img src='bargraph1.php'>。

<script>
    alert(<?php echo $year ?>);
    var ids = $year;

    if (ids == "") { 
        document.getElementById("graph").innerHTML="";
        return;
    } 
    if (window.XMLHttpRequest) {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    } else {
        // code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    var data = "year=" + ids ;
    //var year ="year=" +id1;
    xmlhttp.open("POST", "bargraph1.php", true); 
    xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");                  
    xmlhttp.send(data);

    xmlhttp.onreadystatechange=function() {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            document.getElementById("graph").innerHTML=xmlhttp.responseText;
        }
    }
</script>

但我需要使用会话变量创建条形图。我需要传递变量year的值来生成bargraph.php中的图像。但它没有显示图表。我甚至试过用ajax。它没有发生。

graph.php

bargraph1.php

和

$year = $_POST['year']; $sql = "SELECT dt,dist,cal FROM demo where YEAR(dt)='$year'"; $result = mysql_query($sql,$con);

我正在使用以下代码：

{{1}}

Answer 1

由于AJAX请求的默认响应是纯文本，我不确定您是否可以使用以下内容显示图像：document.getElementById("graph").innerHTML=xmlhttp.responseText;

我建议在磁盘上写入图像并从JS检索图像的另一种解决方案：在bargraph1.php

中

$img = /* Image creation*/
$filename = "images/generatedFilename.png";
imagepng($img, $filename);
echo $filename;

您可以独立测试您的PHP代码，以确保它在尝试使用JS之前有效。

在你的ajax请求中

  if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            var img = new Image();
            img.src = xmlhttp.responseText;
           document.getElementById("graph").appendChild(img);
        }

编辑：检索年份的部分在JS中无效。

alert(<?php echo $year ?>);
var ids = <?php echo $year; ?>;

如何使用会话变量创建php图像

1 个答案: