如何在php中编写javascript代码

IT技术 php javascript forms
2021-02-28 08:25:14

我有一个表格，点击提交按钮：

  1. 我想在同一个文件中做一些任务（数据库任务）和
  2. 我希望通过重定向将表单数据发送到 test.php

这是我的代码

    <?php
    if(isset($_POST['btn'])){
        //do some task
    ?>
    <script type="text/javascript">
        var e = document.getElementById('testForm'); e.action='test.php'; e.submit();</script>
    <?php
    }
    ?>
<form name="testForm" id="testForm"  method="POST"  >
    <input type="submit" name="btn" value="submit" autofocus  onclick="return true;"/>
 </form>

但无法提交表单，如果我在 onClick 上调用 javascript 代码，它可以工作。此代码有什么问题，是否有任何解决方法

4个回答

只需在 if 函数中回显 javascript

 <form name="testForm" id="testForm"  method="POST"  >
     <input type="submit" name="btn" value="submit" autofocus  onclick="return true;"/>
 </form>
 <?php
    if(isset($_POST['btn'])){
        echo "
            <script type=\"text/javascript\">
            var e = document.getElementById('testForm'); e.action='test.php'; e.submit();
            </script>
        ";
     }
  ?>
请注意这里的解决方案不是用 PHP 生成 JavaScript 代码，而是 PHP 块出现在表单标签之后的事实，这意味着在执行 JavaScript 时初始化 DOM 元素“testForm”。
2021-05-07 08:25:14

最近我发现了另一种将 JS 代码放入 PHP 代码的方法。它涉及 Heredoc PHP 语法。我希望它会对某人有所帮助。

<?php
$script = <<< JS

$(function() {
   // js code goes here
});

JS;
?>

关闭 heredoc 结构后， $script 变量包含您可以像这样使用的 JS 代码：

<script><?= $script ?></script>

使用这种方式的好处是现代 IDE 可以识别 Heredoc 中的 JS 代码并正确突出显示它，而不是使用字符串。而且您仍然可以在 JS 代码中使用 PHP 变量。

谢谢你给了我该怎么做的指导
2021-04-25 08:25:14

你可以把你所有的 JS 都这样放置，所以它不会在你的 HTML 准备好之前执行

$(document).ready(function() {
   // some code here
 });

请记住这是 jQuery，因此将其包含在 head 部分中。另请参阅为什么您应该使用 jQuery 而不是 onload

在执行脚本时，按钮不存在，因为 DOM 未完全加载。最简单的解决方案是将脚本块放在表单之后。

另一种解决方案是捕获window.onload事件或使用jQuery 库（如果您只有这个 JavaScript，那就有点矫枉过正了）。

其它你可能感兴趣的问题
上一篇文本中间的省略号（Mac 风格） 下一篇在服务器上调用 Collection.insert 时，“流星代码必须始终在 Fiber 中运行”