将id从php传递到JS文件

我很清楚这个问题被问了很多次，但是我的问题有什么不同，我没有找到解决办法

现在开始讨论这个问题

我有一个图像，所以每当我点击图像时，弹出窗口就会打开并显示数据。现在我想让它成为动态的，并希望数据应该根据id来

这是我的图像代码：

<div id='contact-form'>

        <a href='#' class='contact'><img src="<?php echo base_url();?>/assets/images/pre.jpg" style="height:18px; width:18px"></a>
      </div>
        <!-- preload the images -->
        <div style='display:none'>
            <img src='<?php echo base_url();?>assets/images/img/contact/loading.gif' alt='' />
        </div>  


And on its click the ajax is called from js file here is the code of that js file:
//here the provider is controller and show_coupon_pre is a function which call the view having the data.
$.get("provider/show_coupon_pre", function(data){
                    // create a modal dialog with the data
                    $(data).modal({
                        closeHTML: "<a href='#' title='Close' class='modal-close'>x</a>",
                        position: ["15%",],
                        overlayId: 'contact-overlay',
                        containerId: 'contact-container',
                        onOpen: contact.open,
                        onShow: contact.show,
                        onClose: contact.close
                    });
                });

assets/images/img/contact/loading.gif'alt=''/>
单击后，从js文件调用ajax，下面是该js文件的代码：
//在这里，提供者是控制器，show_优惠券_pre是调用具有数据的视图的函数。
$.get（“提供程序/显示优惠券\u预”，函数（数据）{
//使用数据创建一个模态对话框
$（数据）({
关闭HTML:“”，
职位：[“15%”，]，
覆盖ID:“联系人覆盖”，
containerId:“联系集装箱”，
onOpen:contact.open，
onShow:contact.show，
onClose:contact.close
});
});

我有一个没有记录的表，每个记录都有这种类型的图像。用户可以在弹出窗口中单击并获得预览。 但是我想根据id=1的行在弹出窗口中显示数据，它应该显示id=1的数据，依此类推。现在，你们能帮助我如何将这个id传递给js文件，通过它我可以获取所需的数据

我在Codeignator工作。

最简单的解决方案

<table>
<tr>
 <td><img class="banner" src="/image1.png" post_id="1"></td>
 <td>some other data 1</td>
</tr>
<tr>
 <td>
 <td><img class="banner" src="/image1.png" post_id="2"></td>
 <td>some other data 2</td>
</tr>
</table>

---

如果您在输出图像时有php中的ID，我会这样做：

<script>
var randomId = <?php echo '"' . $phpId . '"'; ?>
</script>

var randomId=

这是无效的html。我只是给你一些想法，如何解决这个问题。无法解决编写代码来解决您的问题，因为我不知道如何生成html页面和所有代码。@Maxim但如何将此变量传递给调用url$.get（“provider/show\u-coupon\u-pre”）的ajax函数（data）{我想它看起来像：$.get（“provider/show\u-coupon\u-pre？coupon\u-id”+post\u-id）；我将一步一步地解释逻辑：1.生成带有图像属性的html表（参见我在这个响应中放置的这个html示例）2.为这样的图像添加onclick（我认为您已经这样做了）3.在“onclick”事件中，从调用方获取您的属性值4.初始化ajax:$.get（'provider/show_优惠券_pre？优惠券_id'+post_id，函数（数据）{此处为您的代码。向用户打开模式}）；现在，我如何将此java脚本变量传递到ajax调用的js文件。将我的示例放在js文件的include上方。您应该能够访问它。例如，alert（randomId）它应该在范围内。以下是您问题的答案：

<script>
var randomId = <?php echo '"' . $phpId . '"'; ?>
</script>