Javascript 创建包含php查询的弹出窗口

情景：

你正在玩一个基于文本的MMORPG，你是一个团队。 你想邀请某人加入你的团队，所以你在一个框中键入他们的名字，单击“邀请”，然后会出现一个弹出窗口，显示邀请此人加入你的团队的费用。在此弹出窗口中，您可以接受支付此金额，也可以拒绝支付此金额

我需要使用框中输入的用户名运行一个MySQL查询，然后在弹出窗口中显示

然后单击Accept按钮时，需要运行另一个查询

    <center>Username: <input type=text name=invitename class=ttext>
<div class="popup" onclick="myFunction()"> <input type="button" class="tbox" value="Go">
  <span class="popuptext" id="myPopup">This will cost *query output here*<br> <input type=submit name=invite class=tbox value="Accept"></span>
</div>

用户名：
这将消耗*此处的查询输出*

不幸的是，如果单击没有实际运行任何php，我就无法在弹出窗口中输出信息

---

那么，如何创建一个弹出窗口，其中包含一个查询输出的回音，该查询输出是根据提交时输入的用户名创建的？

单击“邀请”按钮，在文本框中键入用户名，并在弹出窗口中将其附加到div中。然后调用一个函数来执行MySQL查询，以获取邀请此人加入团队的成本

使用java脚本将该值插入到隐藏字段和要在弹出窗口中显示的div中

---

然后在pay/cancel运行另一个函数来执行MySQL查询pay或cancel。

您需要使用jquery/javascript向服务器发出请求，使用php进行处理，并使用json返回数据，以便在客户端进行解析。如果您发布更多关于您的代码和您尝试过的解决方案的信息，我们可以帮助您完成。您有任何示例吗？