Codeigniter base url didn't recognized in javascript

Question

I have an ajax request in my CI application ,here is my cstom.js file for that purpose.

$(document).ready(function(){
    var base_url='<?php echo base_url();?>';
   $('#add-ct').click(function(){      
      $.ajax({
          url:base_url+'stockmanagement/add_category',
          data:{category:$('#category').val()},
          success:function(data){
              alert(data);
          },
          error:function(err){
              alert('error'+err);
          }
      });
   });
});

But the base_url didn't recolonized, when i check the debug console the base_url is printed as the same as the source code like this way.

var base_url='<?php echo base_url(); ?>';

UPDATE

my javascript file is included in a view file

<?php if($page=='add-category'){ echo '<script src="'.base_url().'/assets/js/custom.js"></script>'; }?>

the javascript should be located in your view file with the .php extension for it to recognize php code. — CodeGodie
– CodeGodie, Commented Mar 17, 2016 at 4:26
where is this javascript located? provide the name of the file and the location of the file. — CodeGodie
– CodeGodie, Commented Mar 17, 2016 at 4:27

CodeGodie · Accepted Answer · 2016-03-17 13:16:07Z

14

The problem is that you are trying to run PHP code inside a JS file. This will not work as PHP code can only run inside files named with a .php extension.

To fix this, you have to set a global variable in Javascript to hold the value of your base_url

so if you want to include a JS file you should first define the variable like in the following example:

index.php

<html>
  <head>
    <!-- SET GLOBAL BASE URL -->
    <script>var base_url = '<?php echo base_url() ?>';</script>
    <script src="/assets/js/custom.js"></script>
  </head>
  <body>
  </body>
</html>

custom.js

//now we can reference the base_url
alert(base_url+"some/other");

edited Mar 17, 2016 at 13:16

answered Mar 17, 2016 at 4:42

CodeGodie

12.2k6 gold badges40 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sanya Zahid · Accepted Answer · 2016-03-17 04:22:05Z

2

Declare var base_url in your header file

<script>
var base_url = "<?php echo base_url();?>";
</script>

answered Mar 17, 2016 at 4:22

Sanya Zahid

4686 silver badges19 bronze badges

1 Comment

Blessan Kurien Over a year ago

Nop its again printed the same

rudi · Accepted Answer · 2019-05-07 02:08:36Z

1

In the template, I put this :

<script>
  var base_url = "<?= base_url(); ?>";
</script>
<script src="<?= base_url('assets/js/main.js'); ?>">

And then in then main.js like this :

function logout(){
    var element = document.getElementById("lobtn");
    location.href = base_url+"user/logout";
}

It will send you to "yoursite.com/user/logout"...

Edit : The "lobtn" is an ID from your Logout Button...

edited May 7, 2019 at 2:08

answered May 1, 2019 at 14:23

rudi

353 bronze badges

Comments

Rahul Patel · Accepted Answer · 2016-03-17 04:24:46Z

0

<?php echo base_url();?>

The PHP code does not execute in js file. You have to declare var base_url = "<?php echo base_url();?>"; in a PHP file such as template file as a global variable.

answered Mar 17, 2016 at 4:24

Rahul Patel

6396 silver badges12 bronze badges

Comments

Rahul Khairnar · Accepted Answer · 2022-10-05 09:30:15Z

0

<script>
    var base_url = "<?php echo base_url();?>";
</script>

You can do one thing copy above code and paste it to your header file

answered Oct 5, 2022 at 9:30

Rahul Khairnar

12 bronze badges

Collectives™ on Stack Overflow

Codeigniter base url didn't recognized in javascript

5 Answers 5

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related