从 html 中分离出 php 中回显的 jquery 代码

，所以我只是在涉足，很可能做错了。但这是一个概念的证明，所以我可以获得使某人做对的权力。
我正在使用PHP脚本进行登录并从表单上发布变量。

问题：我正在将HTML代码与包括CSS，HTML和jQuery脚本在一个文件中的HTML代码相呼应。这对于CSS和HTML部分很好，但是jQuery的东西不起作用。

是否有一种方法可以将jQuery部分放置在我的PHP脚本中以使其功能，或者需要将其拆分并引用/加载HTML中。（我相信这是正确的方法，但我不知道如何或从哪里开始。）

代码：（在与LDAP结合并进行身份验证后，触发了此块）

// verify binding
    if ($ldap_bind) {
    echo "
<head>
<link - stylesheet link>
</head>
<form class="form-horizontal" action"form.php" method="POST" enctype="multipart/form-data">
<fieldset>
<body>
html code....lots of div boxes
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
Various Jquery functions that hide/unhide div boxes
});
</script>
</body>
</fieldset>
</form>
";
            } else {
                echo "<p class='text-error'>Unable to log you in:</p>";

首先，您的HTML结构很混杂。看看我如何"重新组织"下面的"重新组织"，并随时阅读这样的教程。

第二，您可以使用PHP标签（<?php和?>）避免使用多行echo以及所有报价逃脱的混乱。这些标签之外的内容不会由PHP处理并将其按原样发送到浏览器。因此，您可以在那里写"通常"的html。

第三，像 <form>这样的html外部脚本是一个很好的做法。并且库的调用通常放在<head>中...但是将其在文档末尾（</html>上方）而不是<head>的文档末端附近也很常见。可以肯定的是，标记中的任何地方都不奇怪。

// verify binding
if ($ldap_bind) {
  ?>
  <head>
  <title>My page title</title>
  <link rel="stylesheet" href="...">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  </head>
  <body>
    <form class="form-horizontal" action="form.php" method="POST" enctype="multipart/form-data">
      <fieldset>
        html code....lots of div boxes
      </fieldset>
    </form>
    <script>
    $(document).ready(function(){
      //Various jQuery functions that hide/unhide div boxes
    });
    </script>
  </body>
  <?php
} else {
  ?>
  <p class='text-error'>Unable to log you in:</p>

相关内容

最新更新

热门标签：