Javascript 将页面元素传递给PHP（数据库插入）

我有一个会员资料页面，它以常规文本（h1）显示用户名。我可以使用以下代码使用Javascript捕获用户名

<script type="text/javascript">
var userID = document.getElementsByClassName("display-name")[0].innerHTML;
</script>

var userID=document.getElementsByClassName（“显示名称”）[0].innerHTML；

Q：我想知道的是，有没有办法获取该变量并将其发送回我的数据库？如果用户名是唯一的，则添加用户名

p.S.
-我正在运行一个Wordpress站点，数据库是（phpMyAdmin）。
-我已经阅读了javascript/php传输的$\u POST方法。但我不知道如何在这里应用它，因为没有任何表格可以提交任何内容。

---

-用户名是自己生成的（使用插件），这就是我这样做的原因。

您可能希望使用AJAX请求并将其发送回服务器，而不必使用常规的表单/提交。选中此项

您可以发送post请求，无需表单，查看Ajax用户名最初来自何处，如果不是数据库？@mevius这些用户名可以在数据库中找到，但它是由插件生成的，然后放入原始的userbase文件中。但是我想将Mixpanel与wordpress集成，特别是Mixpanel.alias/identify。这个插件不允许我捕获我需要的变量，所以我必须这样做。如果你不想使用Jquery，你可以在这里找到一些关于如何实现它的有用代码示例@Darko Maksimovic，如果我没有弄错的话，不知怎的，我想我肯定是这样的，它还使用forms/submit来获取数据？单击“提交”按钮后，链接的第一个答案将立即使用一个函数。我想第二个更接近，但我不确定如何设置打印用户名的“类型”来发布..不，它不使用表单。它只是ajax——连接到服务器脚本并发送它想要的任何东西。如果需要，您可以在概念上称之为表单提交，但它不是常见的html表单。