从带有JavaScript的另一个页面加载带有javascript的页面

Question

我有一个用javascript创建的下拉菜单。 当用户选择其中一项时。 单独的页面将被加载到当前页面中。 我尝试加载的页面使用C3图，但是该图不会加载在第一页上。 但是它将自行加载。

<script>
function Change_projection(str) {
  document.getElementById("chart_dis").innerHTML = "Laddar";
  var xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
                document.getElementById("chart_dis").innerHTML = this.responseText;
            }
        };
        xmlhttp.open("GET", "includes/Test.php", true);
        xmlhttp.send();
}
</script>
<div id="chart_dis"></div>

这是Test.php，它可以正常运行。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <link rel="stylesheet" href="/assets/vendor/libs/c3/c3.css">
    <div id="chart"></div>  
 <script type="text/javascript" >
 $(function() {
    var chart = c3.generate({
    bindto: '#chart',
    data: {
      columns: [
        ['data1', 30, 200, 100, 400, 150, 250],
        ['data2', 50, 20, 10, 40, 15, 25]
         ]
     }
    }); 
});
</script>
  <script src="/assets/vendor/libs/d3/d3.js"></script>
  <script src="/assets/vendor/libs/c3/c3.js"></script>

我希望当用户在下拉列表中选择该选项时能够加载图形。 其他选项用于其他信息。

Answer 1

我认为它将为您提供帮助https://www.w3schools.com/PHP/php_ajax_database.asp

如果无法解决问题，请向您显示PHP代码。

如果您要创建动态页面（php将工作结果发送给您），则您的php需要在php服务器上。 您可以使用简单的解决方案（ http://www.denwer.ru/ ）。