Как динамический url с codeigniter base_url() внутри js-файла

Question

Я хочу загрузить URL-адрес динамически внутри js-файла. Я использовал ниже код внутри файла 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 
    }); 
}); 

Answer 1

вы не можете использовать <?php echo base_url(); ?> в файле JavaScript.

Если вы хотите, чтобы получить 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 
    }); 
}); 

Надеется, что это помощь.

Answer 2

Если вы хотите получить base_url() в чистом JS file.Following может быть правильный путь ...

1.In HTML (PHP) создать поле ввода скрытого типа со значением base_url.As

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

2.Then в вашем Pure JS-файла, такие как head.js .get 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().