Question

我是php的新手。我做了一点搜索，但没有找到一个好的解决方案。所以在这里发布问题。

我的网页上有几个缩略图。类似的东西：

 <img src="" id="thumb1">
 <img src="" id="thumb2">
 <img src="" id="thumb3">
 <img src="" id="thumb4">

当用户点击任何这些缩略图图像并将图像的id传递给php文件时，我想调用加载php文件。此php文件使用图像ID查询数据库并显示相关信息。到目前为止，我使用了＆＃34; form action＆＃34;调用一个php文件。

你能告诉我如何调用php文件并传递图像ID吗？

感谢。

Answer 1

您可以在不使用表单的情况下发布到脚本，这是一个简单的示例

$.post("get_image.php", { thumbId: thumb1 },  function(response) {
  console.log(response); 
});

在php端$_POST['thumbId']

Answer 2

如果你正在使用jQuery试试这个：

var get_thumb_details = function(thumb_id) {
    $.ajax({
        type: "POST",
        url:  "process_image.php",
        data: {
            thumb_id: thumb_id
        }
    })
    .done(function( data) {
        // This is the data received from the server
        console.log(data);
    }); 
};

// Attach onclick event on your images
$('img').on('click', function() {
    var thumb_id = $(this).attr('id');
    get_image_details(thumb_id);
});

在服务器端，您可以使用$ _POST对象访问请求参数。

$input_thumb_id = $_POST['thumb_id'];
var_dump($input_thumb_id); // if you want to check the variable value

Answer 3

使用链接：

<a href="php_file.php?id=thumb1"><img src="" id="thumb1"></a>
<a href="php_file.php?id=thumb2"><img src="" id="thumb2">/a>
<a href="php_file.php?id=thumb3"><img src="" id="thumb3">/a>
<a href="php_file.php?id=thumb4"><img src="" id="thumb4">/a>

php方面：$_GET['id'];

Answer 4

你可以试试Angualr Js。在角度js中，我们可以在不提交的情况下获取表单元素属性。因此，您可以使用角度js点击图像ID。您可以传递相同的内容来获取所需的php页面。

不使用表单操作调用PHP文件

4 个答案: