带有输入参数的 PHP Ajax onclick

Question

如何传递 li 元素的 php ID 参数 onclick ......使用 Ajax 使用该 ID 执行 php 函数，从而显示特定 ID 的详细信息？

<li href="" onclick="fetchDetails(<?php echo $singleEmail['email_id']; ?>)" class="emailDetails">Delete</li>

从我目前在网上看到的情况来看，我认为这甚至不可能，所以我可能正在寻找解决方法或其他方法，因为我几乎不怀疑这会像这样工作。

另外，我是 Ajax 和 php 的新手，请不要对我太苛刻。

Answer 1

您可以做什么，将 PHP ID 存储在 li 标记之前的隐藏输入中，并在单击时使用 Javascript 获取隐藏字段的 PHP 值，而不是在 onClick 事件的 JS 函数中，您可以从隐藏输入中获取该值。

<input type="hidden" id="email_id" value="<?php echo $singleEmail['email_id']; ?>" />
<li href="" onclick="fetchDetails()" class="emailDetails">Delete</li>

Answer 2

 function fetchDetails($this){ //Clicked Element console.log($this); //Get data by `id` using `.data()` console.log(jQuery($this).data('id')); //Get data with help of `attr()` console.log(jQuery($this).attr('data-email')); }

 li { list-style-type: none; } li.btn { text-align:center; font-size: 24px; font-weight: bold; padding: 15px; background: #87CEFA; border: 1px solid #00BFFF; border-radius: 15px; width: 80px; cursor: pointer; }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <li onclick="fetchDetails(this)" class="btn emailDetails" data-id="100" data-email="xyz@mail.com">Delete</li>

你可以这样做。