【问题标题】:php session data pass with image id [closed]带有图像ID的php会话数据传递[关闭]
【发布时间】:2013-12-23 23:26:04
【问题描述】:

我想通过单击图像和该图像 ID 将我的数据传递到另一个页面。 并且错误地获取数据

<body>
<?php include_once("top_temp.php"); ?>

<link rel="stylesheet" href="style/mid_style.css">
<div id="pageMiddle">

<div id="06" class="inner">
<img src="style/ankara.png" alt="ankara" width="64" height="64" title="Ankara">
</div>  
<div id="34" class="inner">
<img src="style/istanbul.png" alt="ankara" width="64" height="64" title="İstanbul">
</div>

【问题讨论】:

  • 您的代码看起来非常错误。为什么你首先在body里面有一个link标签?
  • 您不能在点击时执行表单提交吗?还是需要一个ajax调用?
  • 当我点击 img 时,我只想将 06 传递到另一个 php 页面

标签: javascript php jquery html css


【解决方案1】:

您可以使用 GET 变量来执行此操作。

您的图片链接: &lt;a href="page.php?id=1"&gt;&lt;img src="image.jpg" alt="my image" /&gt;&lt;/a&gt;

然后,在 page.php 中,您可以检查 ID 并做任何您需要做的事情:

$ID = isset($_GET['id']) ? intval($_GET['id']) : null;

if (empty($ID))
{
 // Error handling
}

// Use $ID to fetch whatever data you need

【讨论】:

  • 它帮助了我。其他人也看起来不错,但现在需要快点。谢谢大家
【解决方案2】:

您可以使用 JavaScript 并从您的图片创建提交按钮

<form id="form-id" action="target.php">
    <img src="file.jpg" onclick="document.getElementById('form-id').submit();" />
    <input type="hidden" name="data" value="42" />
</form>

或者你可以使用直接链接

<a href="target.php?data=42><img src="file.jpg" /></a>

【讨论】:

    【解决方案3】:

    您可以在图像周围嵌入表单,并使用 javascript 执行表单发布。您的图像 ID 将位于隐藏参数中。这是一个例子:

    <form id="Id" name="Form" method="post">
        <input type="hidden" name="imgid" value="10">
        <a href="#" onclick="document.getElementById('Id').submit();" title="Click to Submit">
            <img src="..."/>
        </a>
    </form>
    

    【讨论】:

      【解决方案4】:

      另一个选项,在 jQuery 中:

      HTML

      <div id="06" class="inner">
          <img src="style/ankara.png" alt="ankara" width="64" height="64" title="Ankara">
      </div>
      

      jQuery

      $('.inner img').on('click', function() {
          var id = $(this).parent('div').attr('id');
          window.location.href = "my-page.php?id="+id;
      });
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2012-08-19
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2012-06-02
        • 1970-01-01
        • 1970-01-01
        • 2012-06-11
        相关资源
        最近更新 更多