jquery - 您可以从 img src 请求/获取变量吗？

Question

这是一个由两部分组成的问题，但我想确保第一个问题实际上是可以实现的。

首先，你能获取img src设置的访问变量吗？我正在尝试 jQuery，包括 MySQL UPDATE 等，但我需要确保它可以工作？

<a href="#" class="chnge"><img src="filename.jpg?id=1&open=1" /></a>

jQuery 将会有类似的内容:

      $("img#chnge").click(function() {

        var id      = $('#id').attr('value');
        var open    = $('#open').attr('value');
            $.ajax({
                type: "POST",
                url: "update.php",
                data: "id="+ id +"& open="+ open,
                success: function(){
                    $('img#chnge').fadeTo('slow',0.4);

                }
            });
        return false;
        });

我希望这是显而易见的，基本上，我有一个图像，如果它的“打开”设置为 1，当您单击它时，不透明度会发生变化，但它也会向我的 update.php 发送查询。

我知道这个表单的错误在哪里，我只是不知道如何修复它们。 #1 = img src 中的变量(我不知道是否可以将它们放在 href 中？)，第二个是 $('#id') 和 $('#open') 我认为不是正确，但我也不知道将它们更改为什么。

任何帮助将不胜感激。

菲利普。

更新:阅读 Otars 的回复后，我想我最好添加完整的代码:图像如何位于它们所在的位置......

谢谢。因为这些图像是通过 for() 循环 (php) 生成的，所以这会影响此代码的工作方式吗？

<?php
$query = mysql_query("SELECT * FROM catalogue");
$num = mysql_num_rows($query);

for ($x=1;$x<=$num;$x++) {

  $row = mysql_fetch_row($query);

  ?>

  <a href="#" id="chngeHref" /><img src="<?php echo $row[2]; ?>?id=<?php echo $row[0]; ?>&open=<?php echo $row[1]; ?>" id="chnge" /></a>

<?php

  /* row[0] = id 
     row[1] = open (1 or 0)
     row[2] = image url
  */

  }

?>

Answer 1

无论如何，您的图像必须是 PHP 脚本...

将 GET 参数传递给它，在脚本中做任何你想做的事情，然后输出图像，如下所示:

假设文件名为 image.php

<?php

    $par = $_GET['test'];

    // Do some PHP related job here


    // Load the image
    header('Content-Type: image/jpeg');
    header('Location: /path/to/your/image.jpg');

?>

然后像这样使用它:<img src="image.php?test=value">

它会先调用PHP脚本，然后显示图像。