<script> 标签在从 html 文件调用的 php 文件中被忽略

Question

第一次提问：）

所以我有一个 HTML 页面，它从下拉菜单中获取数值并尝试使用它们来填充 Google 图表。这是使用 Javascript 函数完成的

function displayChart() {
    var sct = document.getElementById("sct").value;
    var ind = document.getElementById("ind").value;
    var spc = document.getElementById("spc").value;
    var sub = document.getElementById("sub").value;

    if ( sub == "" ) {
        document.getElementById( "myChart" ).innerHTML = "";
        return;
    } else {
        if ( window.XMLHttpRequest ) {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else {
            // code for IE6, IE5
            xmlhttp = new ActiveXObject( "Microsoft.XMLHTTP" );
        }
        xmlhttp.onreadystatechange = function () {
            if ( this.readyState == 4 && this.status == 200 ) {
                document.getElementById( "myChart" ).innerHTML = this.responseText;
            }
        };

        xmlhttp.open( "GET", "chart.php?sct="+sct+"&ind="+ind+"&spc="+spc+"&sub="+sub, true );
        xmlhttp.send();
    }
}

这链接到一个 php 页面，该页面使用作为 MySQL 语句的一部分传递的变量：

$sct = intval[ 'sct' ];
...
...
...

function get_transactions() {
    $purchases_sql_stmt = "SELECT CT_Purchases FROM Company_Transactions WHERE CT_Sector = $sct && CT_Industry = $ind && CT_Specoality = $spc && CT_Subspeciality = $sub";
}

我希望这个函数会在 PHP 文件中的脚本标记中调用，该文件包含创建 Google 图表所需的所有代码。

// Load the Visualization API and the piechart package.
google.charts.load( 'current', {
    'packages': [ 'bar' ]
} );

// Set a callback to run when the Google Visualization API is loaded.
google.charts.setOnLoadCallback( drawChart );

// Callback that creates and populates a data table, 
// instantiates the pie chart, passes in the data and
// draws it.

function drawChart() {
    // Create the data table.

    var data = <?php echo json_encode( get_transactions() ); ?>;
    var years = data[ 0 ];
    var sales = data[ 1 ];
    var purchases = data[ 2 ];
    var tableArray = new Array();

    for ( var i = 0; i < data[ 0 ].length; i++ ) {
        tableArray.push( new Array() )
        tableArray[ i ].push( [ Number( years[ i ] ), Number( sales[ i ] ), Number( purchases[ i ] ) ] )
    }

    var table = new google.visualization.DataTable();
    table.addColumn( 'number', 'Year' );
    table.addColumn( 'number', 'Sales' );
    table.addColumn( 'number', 'Purchases' );

    for ( var i = 0; i < tableArray.length; i++ ) {
        table.addRow( tableArray[ i ][ 0 ], tableArray[ i ][ 1 ], tableArray[ i ][ 2 ] );
    }


    // Set chart options
    var options = {
        chart: {
            title: 'Sales for Mens Clothing Stores',
        },
        hAxis: {
            format: ''
        },
        width: 640,
        height: 320
    };

    // Instantiate and draw our chart, passing in some options.
    var chart = new google.charts.Bar( document.getElementById( "columnchart_material" ) );
    chart.draw( table, google.charts.Bar.convertOptions( options ) );
}

问题是，我已经尝试在一个单独的 PHP 页面上使用这个确切的代码，其中 MySQL 语句中的值已被硬编码以创建结果，并且整个过程完美运行。我还能够确定调用页面不是问题，因为我已经能够在其中执行回声。问题似乎是在使用 xmlhttp.open() 调用页面后，chart.php 中的脚本标签被忽略了。是否有特定原因，如果是，我该如何解决？非常感谢:)

Answer 1

您应该不要在通过 JS 中的 XHR/ajax 调用的 PHP 文件中使用 javascript！相反，使用 PHP 在你的 PHP 文件中做同样的事情，或者在 JS 端分别评估发送/接收的数据。 PHP 文件中的 JS 脚本（由 Xmlhttprequest 调用）不会按预期运行。您也没有检索任何 GET 变量，这就是您的查询不起作用的原因。

   $sct = intval[ 'sct' ]; 

这应该是：

$sct = $_GET['sct']; 

您正在使用 xmlhttprequest（使用 $_GET）发送所有信息，但似乎没有在 SQL 之前使用 $var = $_GET 设置变量。

另外，你的函数不会：

1) 接受变量作为参数

2) 不全球化 $_GET 变量

这意味着您的函数（其中包含 SQL）当前无法查看（或使用、评估等）实际函数上方的任何变量（例如 $sct）。

请更新所有这些，让我知道你发现了什么:)

示例...

$sct = $_GET['sct'];
function sqlStuff(){
global $sct;
// sql stuff here... 
}

sqlStuff(); 

示例 2...

$sct = $_GET['sct'];
$blah = $_GET['blah'];
function sqlStuff($getVar, $getVar2){
// sql stuff here... 
}

sqlStuff($sct, $blah);