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

How to call a PHP file in a JavaScript function

本文关键字：调用 PHP 文件 函数 JavaScript      更新时间：2023-09-26

我有一个小的'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;
    });

任何帮助都将是非常感激的:)

您不需要发送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>

假设您有一个id="imgsDiv"的div，请尝试
$("#imgsDiv").load( "load.php" );

相关文章：