Javascript 从按钮元素中获取值,并使用该值调用模式中的特定WordPress帖子

Javascript 从按钮元素中获取值,并使用该值调用模式中的特定WordPress帖子,javascript,php,wordpress,bootstrap-modal,custom-post-type,Javascript,Php,Wordpress,Bootstrap Modal,Custom Post Type,我正在尝试为WordPress开发一个任务管理器插件,该插件允许某些用户类型(我们可以调用管理器)将任务分配给其他用户(员工),也允许任何一种用户创建自己的任务。我已经为此制作了一个自定义的帖子类型,带有所需的元字段:分配者用户id、分配的用户id、任务状态(未读取、进行中、完成)、任务描述、任务类型(分配或个人)以及截止日期 当前,我能够在创建任务时^^根据这些字段及其设置参数向特定用户显示任务。我还能够在分配的任务和个人任务之间进行排序。我想做的是让分配的任务首先显示如下: 当用户单击vi

我正在尝试为WordPress开发一个任务管理器插件,该插件允许某些用户类型(我们可以调用管理器)将任务分配给其他用户(员工),也允许任何一种用户创建自己的任务。我已经为此制作了一个自定义的帖子类型,带有所需的元字段:分配者用户id、分配的用户id、任务状态(未读取、进行中、完成)、任务描述、任务类型(分配或个人)以及截止日期

当前,我能够在创建任务时^^根据这些字段及其设置参数向特定用户显示任务。我还能够在分配的任务和个人任务之间进行排序。我想做的是让分配的任务首先显示如下:

当用户单击view(将post id作为一个值保存)时,任务将显示为一个模式,该模式还将更改任务的状态(从未读状态更改为进行中状态)

上图中显示的所有内容都是通过“任务”帖子类型的“循环”,但我不确定如何将“任务”的帖子id传递给一个模式,而不在循环中创建一个模式,我觉得这会创建冗余代码(除非这是最佳选项?)。我的猜测是使用js(ajax?)将“view”按钮的值传递给php,但我真的不确定如何做到这一点


感谢您的帮助

如果您想使用AJAX,可以编写如下代码:

在html视图中:

<button class="view-task" data-post-id="<?php $post->ID; ?>">View</button>
$('.view-task').off('click').on('click', e => {
e.preventDefault();
console.log(e.target);//Here you can see your button
console.log(e.target.data('post-id');//Here you can see your post ID ad use it for AJAX
}