如何在 jQuery( 文档 ).ready 中显示用户名？
Posted
技术标签:
【中文标题】如何在 jQuery( 文档 ).ready 中显示用户名？【英文标题】：How to display a username in jQuery( document ).ready? 【发布时间】：2021-10-23 17:48:23 【问题描述】：我用的是WordPress，我在一个div类之后添加了一些内容，是否可以在这个文档中显示已登录的用户名？
这是我的代码。短代码在 jQuery 中不起作用，但它在 WordPress 页面上运行，我已经将短代码“[current_user]”添加到 function.php。
jQuery( document ).ready(function($)
$('.uap-account-affiliatelinks-tab2 :lang(zh-hans)').append('<div id="affiliate_student_referal"><span>Student Instruction Link: https:f-tutor.com/zh-hans/?ref=[current_user]); ?></span>;
);【问题讨论】：
你可以在 ajax 的帮助下做到这一点，创建 wordpress ajax 事件并传递用户名 【参考方案1】：[shortcode] 仅适用于后端 (PHP)，为了在前端 (javascript/jQuery) 上使用它，您需要在呈现页面时使该信息可用 - 通过使用用户名生成 JS 常量，或者通过将属性设置为页面元素之一（例如），然后使用 JS 读取它。
选项 1
添加到 header.php：
<?php echo '<script>const USER_NAME="' . do_shortcode('[current_user]') . '";</script>'; ?>
选项 2
在header.php 上 - 添加到<body> 标记（通常在body_class() 之前）：
<body data-username="<?php echo do_shortcode('[current_user]'); ?>" <?php body_class(); ?>>
在jQuery 中使用：
$("body").data("username");
选项 3
对于您的问题，还有一个巧妙的解决方案，这里的另一位用户建议： https://***.com/a/52981490/7013797
【讨论】：
感谢详细解答以上是关于如何在 jQuery( 文档 ).ready 中显示用户名？的主要内容，如果未能解决你的问题，请参考以下文章