php - 带有输入参数的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 的新手，请不要对我太苛刻。

标签： phpajax

Answer 1

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="[e-mail]">Delete</li>

你可以这样做。