如何在JavaScript函数中调用PHP文件
我有一个小的'load.php'文件,它基本上循环遍历存储在Pi服务器上的图像,并简单地用所有png图像响应。 但是,我不知道在JavaScript中调用这个文件的正确方法是什么,也不知道如何将结果附加到HTML元素 load.php:如何在JavaScript函数中调用PHP文件,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我有一个小的'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.'"
<?php
$dirname = "/var/www/html/";
$images = glob($dirname."*.png");
foreach($images as $image) {
echo '<img src="'.$image.'" /><br />';
}
?>
任何帮助都将不胜感激:)您不必向服务器发送
帖子,因为您没有发送任何内容。
尝试更改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”)代码>您当前的代码有什么问题?有错误吗?什么东西没有按预期工作<代码>不起作用
太广泛了谢谢您的回复。但是,我无法让我的网页访问服务器上的图像。如果我在本地运行代码,div将显示一个空白图像,但是如果我从Pi服务器运行代码,它将不会显示图像。我不确定服务器为什么不响应图像?@sledgewhack是load.php
位于/var/www/html/load.php
或者它位于html
的其他子文件夹中?所有文件和图像都位于同一个位置:/var/www/html/如果您尝试直接加载一个图像,表单pi是否正常?如果没有ajax.Yes,这是可行的:其中image.png是保存在Pi上的命名图像,load.php是:$file=$\u GET['file'];标题('Content-type:image/png');readfile($file);
<div id="imgsDiv"></div>