当用户点击图片时，运行 JS 函数，同时将值发布到 php 脚本

Question

我想知道我的代码中是否有一种方法可以让用户单击图像，但在单击时获取图像的值并通过发布请求发送到 PHP 代码。例如目前我有这个：

<div class="grid-2 dashboardIcons">

    <h3 class="fontAmaticH1">Mindfulness</h3>

    <a class="cursor" onclick="toggleWindow()"><img value="6" src="images/Mindfulness.png"></a>

</div>

我是否必须将其包装在如下所示的表单标签中？

<form method="post">

    <a class="cursor" onclick="toggleWindow()"><img value="6" name="module" src="images/Mindfulness.png"></a>

</form>

然后，我的 PHP 代码将采用该值并对其进行处理：

<?php

 // I need to get the value from the clicking on an image

    if(isset($_POST['module']))

{

 //Do something

}

?>

任何帮助将不胜感激！

Answer 1

使用jQuery你可以做这样的事情......function&nbsp;toggleWindow()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;$("#theForm").ajaxSubmit({url:&nbsp;'server.php',&nbsp;type:&nbsp;'post'})}

Answer 2

为此，您可以使用 AJAX，您可以在其中使用 onclick 事件执行 JavaScript 代码。在您的 JavaScript 中最后写下一个 AJAX 脚本，以便在执行您的 JavaScript 代码后执行 php 代码。