javascript - 使用 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/ )。