如何在javascript中通过html按钮传递客户端的id

Question

我的问题是:

我正在做一个客户端系统在javascript和php。

我希望能够删除一个客户谁有一个唯一的标识符(id=x)通过点击"删除客户"按钮的帐户。

<div class="menu-item px-5">
<a id="kt_account_delete_account_btn" class="menu-link text-danger px-5"> Delete Customer</a>
</div>

问题是，为了带来一点活力，我在javascript中以这种方式处理请求:

submitButton.addEventListener('click', function (e) {
e.preventDefault();
swal.fire({
text: "Êtes vous sûr de vouloir supprimer ce compte ?",
icon: "warning",
buttonsStyling: false,
showDenyButton: true,
confirmButtonText: "Oui",
denyButtonText: 'Non',
customClass: {
confirmButton: "btn btn-light-primary",
denyButton: "btn btn-danger"
}
}).then((result) => {
if (result.isConfirmed) {
$.post("details.php?id="+$("#admin_id_two").val()+"&client="+$("#client_idbis").val(), $("#delete_form").serialize()) // Code I usually use in a form
.done(function(data) {
if (data.erreur)
{
Swal.fire({
text: data.erreur,
icon: "error",
buttonsStyling: false,
confirmButtonText: "Ok, je recommence!",
customClass: {
confirmButton: "btn btn-primary"
}
});
}
else if (data.link)
{
Swal.fire({
text: "Le compte utilisateur a correctement été supprimé !",
icon: "success",
buttonsStyling: false,
confirmButtonText: "Ok, je continue!",
customClass: {
confirmButton: "btn btn-primary"
}
}).then(function (result) {
if (result.isConfirmed) { 
window.location.href = data.link;
}
});
}
})
.fail(function() {
Swal.fire({
text: "Une erreur est survenue lors de la requête. Veuillez ré-essayer.",
icon: "error",
buttonsStyling: false,
confirmButtonText: "Ok, je recommence!",
customClass: {
confirmButton: "btn btn-primary"
}
});
}); 


} else if (result.isDenied) {
Swal.fire({
text: "Vous n'avez pas supprimer le compte de l'utilisateur.", 
icon: 'info',
confirmButtonText: "Ok",
buttonsStyling: false,
customClass: {
confirmButton: "btn btn-light-primary"
}
})
}
});
});

我的请求如下:

我想在javascript中恢复客户id (php中的$clientinfo[' id '])和管理员id (php中的$login[' id '])以执行请求。

你能帮我吗?

Answer 1

add attribute data-id your a tag

:

<a id="kt_account_delete_account_btn" data-id="12" class="menu-link text-danger px-5"> Delete Customer</a>

例如，你应该通过php

动态加载id。进入你的监听器。这样的:

submitButton.addEventListener('click', function (e) {
e.preventDefault();
let id = this.getAttribute('data-id');

Answer 2

假设变量$userID包含用户的ID，您可以使用php将用户ID附加到data-id属性，如图所示，然后使用Javascript获得Ali SSN指出的data-id属性。参见代码片段

中使用Jquery<a id="kt_account_delete_account_btn" data-id="<?php echo $userID;?>" class="menu-link text-danger px-5"> Delete Customer</a>

$(document).on('click','.menu-link',function(e){
e.preventDefault();
var userID=$(this).attr('data-id');
alert(userID);
})

a{
color:blue;
text-decoration:underline;
cursor:pointer;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="menu-item px-5">
<a id="kt_account_delete_account_btn" class="menu-link text-danger px-5"data-id="5"> Delete Customer</a>
</div>