无法将php文件结果加载到div中

时间:2017-01-20 06:38:34

标签: php jquery html ajax

我一直在寻找如何将php文件的结果加载到我的html页面中的div中的几个小时,这段代码在html甚至一些php文件上运行得很好:

$("#button").click(function(){
    $("#div").html('<object data="htmlfile.html" style="width:100%; height:100%;">');
});

但是当我试图链接一些php文件时它不会工作,我知道php需要在网络服务器或其他东西上运行,我可以在wampserver localhost上运行,但我不知道如何调用进入我的html页面,我也尝试使用ajax,但我无法让它工作。

编辑:这里的问题是项目路径应该在我的网络服务器中,因为我使用wamp例如有一个www路径,我在那里复制了项目$("#div").load('/script.php');完美地工作:)

3 个答案:

答案 0 :(得分:0)

您可以使用PHP将其归档。

这是了解流程以及如何归档该流程的简单代码。

一旦请加上..

<?php
$con = mysqli_connect("localhost", "root", "", "home_db");
?>

<table cellspacing="0" cellpadding="0"id="tblData" >
    <tr>
        <th style="width:10px;">Select</th>
        <th style="width:20px;"><a href="#" class="pink">ID</a></th>
        <th style="width:50px;"><a href="#" class="pink">Title</a></th>
        <th style="width:auto;"><a href="#" class="pink">Price</a></th>
        <th style="width:20px;"><a href="#" class="pink">Category</a></th>

        <th style="width:50px;"><a href="#" class="pink">Edit</a></th>
        <th style="width:50px;"><a href="#" class="pink">Delete</a></th>
    </tr>

    <?php
    $sql = "select * from tbl_house order by house_id";
    $rsd = mysqli_query($con, $sql);

    while ($row = mysqli_fetch_array($rsd)) {
        ?>
        <td><input type="checkbox" name="checkbox[]" value="<?php echo $row['house_id']; ?>"/></td>
        <td><?php echo $row['house_id']; ?></td>
        <td><?php echo $row['house_title']; ?></td>
        <td><?php echo $row['house_price']; ?></td>
        <td><?php echo $row['category_id']; ?></td>
        <td><a  href="edit_view_house.php?id=<?php echo $row['house_id']; ?>"  ><img alt="" src="../images/adminicons/edit.png" width="22" height="22" border="0" /></a></td>
        <td><a  onClick="javascript: return confirm('Are you sure you want to delete...!');" href="delete_house.php?id=<?php echo $row['house_id']; ?>">
                <img alt="" src="../images/adminicons/delete.png" width="24" height="24" border="0" />
            </a>
        </td>
    </tr>
<?php } ?>
</table>

答案 1 :(得分:0)

使用(document).load();

$(document).load(function(){
    $("#button").click(function(){
        $("#div").html('<object data="htmlfile.html" style="width:100%; height:100%;">');
    });
});

答案 2 :(得分:0)

在服务器上执行文件后,获取文件内容的简单解决方案是load()函数。

实施例

php-file script.php

<?php
    echo 'Hello, world!';
?>

JS-处理程序:

$("#button").click(function(){
    $("#div").load('/script.php');
});

因此,点击#button后的#div内容将为"Hello, world!"

提供给load 的路径必须是路径表单站点根目录(DOCUMENT_ROOT)。例如

  • /script.php - 来自网站根目录的路径
  • /blog/index.php - index.php文件位于网站的blog文件夹中