在 JS 中检查一个按钮是否被点击,然后在 PHP 中做一些事情
Check a button has been clicked in JS and then do something in PHP
我在 PHP 工作,我有这个按钮,点击后应该打印一些东西。
我已经(不成功地)尝试了以下方法:
<?php
echo '<button type="submit" id="enviarRecibos" class="btn btn-primary float-end">Imprimir Lista</button>';
?>
<script>
if(document.getElementById('enviarRecibos').clicked == true){
<?php
echo $listaDatos;
?>
};
</script>
我做错了什么?
注意: $listaDatos
是页面中已有的变量,其中一些内容采用 JSON 格式。
我不确定我是否完全理解您的确切需求,但无论如何您的 javascript 脚本需要改进:
<?php
echo '<button type="submit" id="enviarRecibos" class="btn btn-primary float-end">Imprimir Lista</button>';
?>
<script>
document.getElementById('enviarRecibos').addEventListener('click', function (){
document.getElementById('enviarRecibos').insertAdjacentHTML('afterend', '<?php echo $listaDatos;?>') ;
}) ;
</script>
首先,跟踪 javascript 中元素点击的最佳方法是使用 addEventListener。
接下来,你要加载内容,ok,但是你需要定义需要加载内容的位置/DOM元素。您可以使用“insertAdjacentHTML”,一个有用的函数,将 HTML 内容放在现有元素(这里是您的按钮)旁边。
注意“<?php echo $listaDatos;?>
”不包含引号 '
和 return 有效的 HTML 字符串。
AS @brombeer 刚刚告诉你,PHP 是服务器端语言,而 Javascript 是客户端语言。 PHP只能帮你准备原始文件代码
我在 PHP 工作,我有这个按钮,点击后应该打印一些东西。
我已经(不成功地)尝试了以下方法:
<?php
echo '<button type="submit" id="enviarRecibos" class="btn btn-primary float-end">Imprimir Lista</button>';
?>
<script>
if(document.getElementById('enviarRecibos').clicked == true){
<?php
echo $listaDatos;
?>
};
</script>
我做错了什么?
注意: $listaDatos
是页面中已有的变量,其中一些内容采用 JSON 格式。
我不确定我是否完全理解您的确切需求,但无论如何您的 javascript 脚本需要改进:
<?php
echo '<button type="submit" id="enviarRecibos" class="btn btn-primary float-end">Imprimir Lista</button>';
?>
<script>
document.getElementById('enviarRecibos').addEventListener('click', function (){
document.getElementById('enviarRecibos').insertAdjacentHTML('afterend', '<?php echo $listaDatos;?>') ;
}) ;
</script>
首先,跟踪 javascript 中元素点击的最佳方法是使用 addEventListener。
接下来,你要加载内容,ok,但是你需要定义需要加载内容的位置/DOM元素。您可以使用“insertAdjacentHTML”,一个有用的函数,将 HTML 内容放在现有元素(这里是您的按钮)旁边。
注意“<?php echo $listaDatos;?>
”不包含引号 '
和 return 有效的 HTML 字符串。
AS @brombeer 刚刚告诉你,PHP 是服务器端语言,而 Javascript 是客户端语言。 PHP只能帮你准备原始文件代码