如何在 js 文件中使用 codeigniter base_url() 动态化 url答案

【问题标题】：How to dynamic a url with codeigniter base_url() inside js file如何在 js 文件中使用 codeigniter base_url() 动态化 url
【发布时间】：2017-05-26 13:09:57
【问题描述】：

我想在 js 文件中动态加载一个 url。我在 head.js 文件中使用了下面的代码，但它没有获取 url。如果我静态使用，那么它工作得很好。我找不到我的问题。

head.js(<?php echo base_url(); ?>"assets/js/newsticker/jquery.newsTicker.js", function() {
    var nt_title = $('#nt-title').newsTicker({
        row_height: 18,
        max_rows: 1,
        duration: 5000,
        pauseOnHover: 0
    });
});

【问题讨论】：

您只能在 .php 文件中使用 php 而不能在 .js 文件中使用。你的基本网址是什么，/ + assets/ 得到的网址是什么
如果文件名是head.js，这将不起作用，您必须将文件命名为head.php
如果我将 head.js 文件重命名为 head.php 那么它是否适用于 js 代码？？？
stackoverflow.com/questions/36051588/…
@user7149801 尝试如下。

标签： javascript php codeigniter url base-url

【解决方案1】：

如果您想在纯 JS 文件中获取base_url()。以下可能是正确的方法...

1.在 html (PHP) 中创建一个隐藏类型的输入字段，值为 base_url.As

<input type="hidden" id="url" value="<?php echo base_url();?>">

2.然后在你的Pure JS文件中，如head.js.获取base_url如下。

<script>
var base_url = $("#url").val();//it gives base_url
head.js(base_url+"assets/js/newsticker/jquery.newsTicker.js", function() {
    var nt_title = $('#nt-title').newsTicker({
        row_height: 18,
        max_rows: 1,
        duration: 5000,
        pauseOnHover: 0
    });
});
</script>

注意：在 codeigniter 中不要忘记加载 url 帮助器以使用 base_url()。

【讨论】：

【解决方案2】：

你不能在 JavaScript 文件上使用<?php echo base_url(); ?>。

如果要动态获取url，可以使用window.location.origin

var url = window.location.origin;

变量url 将像base_url 一样打印：https://stackoverflow.com

子域将打印如下：https://subdomain.stackoverflow.com

因此，只需将您的 <?php echo base_url(); ?> 更改为 url+ 并在资产前添加 /，例如：

head.js(url+"/assets/js/newsticker/jquery.newsTicker.js", function() {
    var nt_title = $('#nt-title').newsTicker({
        row_height: 18,
        max_rows: 1,
        duration: 5000,
        pauseOnHover: 0
    });
});

希望对您有所帮助。

【讨论】：