使用 CodeIgniter4 路由到 Js 文件答案

【问题标题】：Routing to Js file with CodeIgniter4使用 CodeIgniter4 路由到 Js 文件
【发布时间】：2021-09-25 09:22:12
【问题描述】：

假设我在iot-code-igniter\public\style 的文件夹中有这个公共文件夹

我在文件夹iot-code-igniter\app\Views 中有文件data.php

这里是我尝试调用 JS、CSS 和 data.php 的代码，但它不起作用，下面是index.php：

<head>
    <script type = "text/javascript" src="../../public/style/js/jquery-3.4.0.min.js"></script>
    <script type = "text/javascript" src="../../public/style/js/mdb.min.js"></script>
    <script type = "text/javascript" src="../../public/jquery-latest.js"></script>
    <script type = "text/javascript">
        var refreshid = setInterval(function(){
            $('#grafik').load('/data.php');
        }, 1000);
    </script>

</head>
<body>
    <div class="container" style="text-align: center; margin-top: 24px;">
        <h3>Grafik Sensor</h3>
        <p>(Result data)</p>
    </div>

    <!-- tempat grafik -->
    <div class="container">
        <div class="container" id="grafik" style="width:80%; text-align:center;"></div>
    </div>

</body>
</html>

问题：

如何调用head中的src文件？
如何加载 data.php 来渲染/扩展它？

【问题讨论】：

最好分别研究每个问题，然后决定如何做出贡献（而不是做出一个贡献混合两件事）。首先了解 1. 可能更容易，当理解和解决后，再关注 2. - 只是我的两分钱。
实际上我知道如何路由它（问题 1）并且我成功地使用普通的 Php 文件结构路由它，但是在我迁移到 Codeigniter4 之后我不知道会有不同的方法使用它。 @hakre
原则上它的工作原理与普通 PHP 相同。但是您必须考虑实际的 URL，例如浏览器中页面的 URL，因为 HTML 文档中的所有 URL（如样式的 src）都解析为该文档 URL（有关更多详细信息，请查找 document base URL 和 URL resolution 在 HTML 和 HTTP URL RFC/规范/文档中）。然后检查 Codeigniter 为页面创建的 URL 以及正在使用的特定版本的 Codeigniter 文档，用于 URL-helper 或 link-helper 等。可能根本不知道 Codeigniter4。

标签： javascript php codeigniter

【解决方案1】：

使用此代码

<head>
  <script type = "text/javascript" src="../public/style/js/jquery-3.4.0.min.js"></script>
    <script type = "text/javascript" src="../public/style/js/mdb.min.js"></script>
    <script type = "text/javascript" src="../public/jquery-latest.js"></script>

</head>

【讨论】：

如果我只做一次../，公共文件夹仍然无法访问，你能解释一下吗？谢谢
这个文件data.php是否在这个文件夹Views中
是的，正如我在上面写的那样。 data.php 被放置在 Views 文件夹中
如果她使用此文件工作，请复制到链接

【解决方案2】：

public 文件夹是 Web 浏览器的根文件夹，您的路径必须是相对于该文件夹的绝对路径或相对路径。

您需要删除public 的任何前缀。

<script type = "text/javascript" src="/style/js/jquery-3.4.0.min.js"></script>

【讨论】：

【解决方案3】：

在 public 文件夹中创建 assets/css/... 和 assets/js/...

<link 
  href="<?php echo base_url('assets/css/material-icons.css'); ?>" 
  rel="stylesheet" 
  type="text/css"
>

<script src="<?php echo base_url('assets/js/bootstrap.min.js'); ?>"></script>

【讨论】：