Question

我有一个“print.php”脚本，基本上从MySQL获取数据并创建一个非常漂亮的HTML表。

echo "
    <table cellpadding=\"2\" cellspacing=\"2\" border=\"0\" width=\"10%\">
        <tr bgcolor=\"#666666\">
            <td colspan=\"2\" align=\"center\"><b><font color=\"#FFFFFF\">" . $table[0] . "</font></td>
        </tr>
        <tr>
            <td>Name</td>
            <td>Score</td>
        </tr>";
echo "<tr";

    if ($i % 2 == 0)
        echo " bgcolor=\"#CCCCCC\"";

    echo ">
        <td>" . $col['player'] . "</td>
        <td>" . $col['score'] . "</td>
    </tr>";

我希望这个表出现在我的index.html中，但是它在一个单独的php脚本中。

我希望将php脚本与HTML分开，因为脚本不仅有点大，而且在我的SQL信息中我不想要纯HTML。

有没有办法从我的html页面中获取我的php脚本中的回显？

Answer 1

选项1： 使用iframe。即使JavaScript已关闭也能正常工作。

<iframe src="print.php"></iframe>

选项2：使用AJAX（使用jQuery）。

Download jQuery here.

将其包含在index.html中，最好包含在head代码中。

<script type="text/javascript" src="path/to/jquery.js"></script>

将此代码添加到您希望包含print.php的位置。

<div id="container"></div>

<script type="text/javascript">
    $(function(){
        $("#container").load("print.php");
    });
</script>

选项3：转到PHP路线。可能会破坏其他代码，因为您需要重命名索引文件。

将您的index.html重命名为index.php并使用以下代码：

<?php include("print.php"); ?>

Answer 2

您可以从当前页面对print.php进行AJAX来电，然后获取数据并进行显示。

$.ajax({
  url: "print.php"
}).done(function( html ) {
  $("#results").append(html); //results is the div id
});

您必须获得基本的jQuery知识。

否则你可以使用.load方法，这也是一种AJAX方法。

<div id="results"></div>

$("#results").load("print.php");

Answer 3

你可以使用AJAX Javascript来做到这一点。

Documentation And Examples

在HTML中返回单独的PHP脚本

3 个答案: