尝试生成一个 post 方法 javascript 链接答案

【问题标题】：Try to generate a post method javascript links尝试生成一个 post 方法 javascript 链接
【发布时间】：2022-01-19 18:33:46
【问题描述】：

我将一个 JAVASCRIPT 构建到一个 PHP 文件中，该文件创建链接以使用 POST 方法创建链接，不幸的是它不起作用，我做错了什么？我应该在javascript中选择哪些引号？

echo '<form name="' . $i . '" method="post" action="?q=' . $query . '"><button type="submit" class="button" name="' . $i . '" value="' . $i . '">' . $i . '</button></form>';
echo '<script>
var button = document.querySelector(`form[name="` . $i .`"] > button`);
button.addEventListener(function() {
  document.querySelector("form[name="` . $i .`"]").submit();
});
</script>';
}

【问题讨论】：

标签： javascript php html forms

【解决方案1】：

您可以使用\'（反冲后跟'）。

查看我测试过的链接：https://onlinegdb.com/FF_Um4YdS

<?php

// random data for test
$i = "random-form";
$query = "nothing";


echo '<form name="' . $i . '" method="post" action="?q=' . $query . '"><button type="submit" class="button" name="' . $i . '" value="' . $i . '">' . $i . '</button></form>';
echo '
<script>
    var formButton = "form[name=\''. $i .'\'] > button";
    var button = document.querySelector(formButton);
    button.addEventListener(function() {
        document.querySelector("form[name=\'' . $i .'\']").submit();
    });
    </script>';

?>

【讨论】：