如何将 Javascript 变量传递给 PHP 以存储在 MYSQL 数据库中

小编典典

如何将 Javascript 变量传递给 PHP 以存储在 MYSQL 数据库中

all

我正在尝试将 javascript 变量传递给 PHP，因此当我提交表单时，它会将变量保存在我的 MYSQL 数据库中。

继承人的HTML：

function replyLink(element) {
  document.getElementById('displayForm').style.display = "block";
  var replyId = element.getAttribute("data-replyid");

  console.log(replyId)
}

function closeLink() {
  document.getElementById('displayForm').style.display = "none";
}
<a href='javascript:void(0);' data-replyid='1' class='replyLink' onclick='replyLink(this)' />[Reply]</a>

<div id='displayForm' style='display:none;'>
  <div id='replyTitle'>
    <label>Write a reply</label>

    <a href='javascript:void(0);' onclick='closeLink()' />[Close]</a>
  </div>

  <form action='' method='POST' accept-charset='utf-8' enctype='multipart/form-data'>
    <table id='postForm'>
      <tr>
        <td class='replyForm_title' sty>Name</td>
        <td><input type='text' name='commentName'></td>
      </tr>
      <tr>
        <td class='replyForm_title'>Comment</td>
        <td><textarea cols='48' rows='4' wrap='soft' name='commentText'></textarea></td>
      </tr>
      <tr>
        <td></td>
        <td><input type='submit' name='commentBtn' value='Reply' onclick='submitForm()'></td>
      </tr>
    </table>
  </form>
</div>

如果你运行代码，你可以看到表单弹出，并返回数据属性值‘1’。我想将该变量 1 插入到 MYSQL 数据库中。有人会指导我吗？谢谢。（另外，代码片段运行。因此您了解它是如何工作的。）

阅读 86

2022-08-02

共1个答案

小编典典

在表单中添加一个隐藏的输入，并放入replyId它的值。

然后在 PHP 中使用$_POST['replyId']来获取值。

function replyLink(element) {
  document.getElementById('displayForm').style.display = "block";
  var replyId = element.getAttribute("data-replyid");
  document.getElementById('replyId').value = replyId;
  console.log(replyId)
}

function closeLink() {
  document.getElementById('displayForm').style.display = "none";
}
<a href='javascript:void(0);' data-replyid='1' class='replyLink' onclick='replyLink(this)' />[Reply]</a>

<div id='displayForm' style='display:none;'>
  <div id='replyTitle'>
    <label>Write a reply</label>

    <a href='javascript:void(0);' onclick='closeLink()' />[Close]</a>
  </div>

  <form action='' method='POST' accept-charset='utf-8' enctype='multipart/form-data'>
    <table id='postForm'>
      <tr>
        <td class='replyForm_title' sty>Name</td>
        <td><input type='text' name='commentName'></td>
      </tr>
      <tr>
        <td class='replyForm_title'>Comment</td>
        <td><textarea cols='48' rows='4' wrap='soft' name='commentText'></textarea></td>
      </tr>
      <tr>
        <td><input type="hidden" name="replyId" id="replyId"></td>
        <td><input type='submit' name='commentBtn' value='Reply' onclick='submitForm()'></td>
      </tr>
    </table>
  </form>
</div>

2022-08-02