如何在JavaScript函数中调用PHP文件

Question

我有一个小的“load.php＆＃39;文件基本上循环存储在我的Pi服务器上的图像，并简单地响应所有的png图像。 但是，我实际上并不知道在JavaScript中调用此文件的正确方法是什么，或者如何将结果附加到HTML元素。

load.php：

<?php
$dirname = "/var/www/html/";
$images = glob($dirname."*.png");
foreach($images as $image) {
echo '<img src="'.$image.'" /><br />';
}
?>

我只是简单地发布结果并将它们附加到Div但不起作用：

$.post("load.php", function(data) {
        console.log(data);
        imgsDiv.innerHTML = imgsDiv.innerHTML + data;
    });

非常感谢任何帮助：）

Answer 1

您不必向服务器发送post，因为您没有发送任何内容。 尝试更改您的JavaScript代码以使用get：

$.get("load.php", function(data) {
    console.log(data);
    //And you can use jQuery to add data to a element.
    $("#imgsDiv").html(data)
});

为此你需要有一个像这样的html元素：

<div id="imgsDiv"></div>

Answer 2

假设你有一个id =＆＃34; imgsDiv＆＃34;的div，试试
$("#imgsDiv").load( "load.php" );