如何在JavaScript函數中調用PHP文件

Question

我有一個小的“ load.php”文件，該文件本質上循環瀏覽存儲在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為“ imgsDiv”的div，請嘗試
$("#imgsDiv").load( "load.php" );