在不使用表单操作的情况下调用 PHP 文件答案

【问题标题】：Call PHP file without using form action在不使用表单操作的情况下调用 PHP 文件
【发布时间】：2014-10-05 15:25:04
【问题描述】：

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

我的网页中有几张缩略图。比如：

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

我想调用当用户点击任何这些缩略图图像时加载一个php文件并将图像的id传递给php文件。这个 php 文件使用图像 id 查询数据库并显示相关信息。到目前为止，我使用“表单操作”来调用一个 php 文件。

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

谢谢。

【问题讨论】：

xmlhttprequest 是一个选项
为什么不直接使用链接？
需要更多信息，无论您是在<form> 标签中使用POST 方法还是GET 方法？取决于解决方案可能会有所不同。

标签： javascript php html

【解决方案1】：

使用链接：

<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'];

【讨论】：

您好，感谢您的回答。尝试但无法读取 ID。也尝试使用 $_server[HTTP_REFERRER]，但没有成功。

【解决方案2】：

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

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

在php端$_POST['thumbId']

【讨论】：

这里没有jquery标签

【解决方案3】：

如果你使用 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

【讨论】：

抱歉，我应该重新提出我的问题。我的意思是我想“加载”新页面（php）并且我想将参数传递给那个页面。

【解决方案4】：

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

【讨论】：