how to call base_url in js file

Question

i want to call base_url() in js file because i want to call ajax in jquery

its my php file

$.ajax({
        url: '<?php echo site_url('home/update');?>',
        data: {
        email:email 
        },
        type: "POST",
        success: function(data) {
            $('#feedback').text(data).css('color','green');
        },

        });       
         } 
        else
        {
            $('#feedback').text('insert a valid email').css('color','red');
        }

        });

but i want to call in js file but i am confused how can i fix this because we can't call tags in js file

JS files do not get parsed for server-side code. If you want to provide data to a function, add it as a data attribute on the element which raises the event, then read it back in JS using $(this).data('foo'); — Rory McCrossan
– Rory McCrossan, Commented Feb 4, 2015 at 15:56
Number of options, the best thing to do is to have your ajax call pull the action url. Then you can assign the site url to the form without worrying about the JS. — David Nguyen
– David Nguyen, Commented Feb 4, 2015 at 15:59

Bipin Kareparambil · Accepted Answer · 2015-02-05 08:27:35Z

2

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

Write the above code in header.php file

Then use 'base_url' variable in all js files you want..

$.ajax({
url: base_url+'home/update');?>',
data: {
email:email 
},
type: "POST",
success: function(data) {
    $('#feedback').text(data).css('color','green');
},

});       
 } 
else
{
    $('#feedback').text('insert a valid email').css('color','red');
}

});

answered Feb 5, 2015 at 8:27

Bipin Kareparambil

4834 silver badges19 bronze badges

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

Comments

mokNathal · Accepted Answer · 2019-09-24 05:37:27Z

2

there is one more solution define

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

in your PHP file and use this in your js file.

If the code is in JS script file you can always store this value in hidden input field and access that. like:

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

And in JS file

var base_url = $('#base_url').val();

edited Sep 24, 2019 at 5:37

answered Feb 5, 2015 at 5:46

mokNathal

5531 gold badge6 silver badges21 bronze badges

Comments

Rory McCrossan · Accepted Answer · 2015-02-04 15:58:48Z

1

JS files do not get parsed for server-side code. If you want to provide data to a function, add it as a data attribute on the element which raises the event, then read it back in JS using $(this).data('foo');, something like this:

<button id="foo" data-action="<?php echo site_url('home/update');?>" data-email="<?php echo $email; ?>">Update</button>

$('#foo').click(function() {
    $.ajax({
        url: $(this).data('action'),
        data: { email: $(this).data('email') },
        type: "POST",
        success: function(data) {
            $('#feedback').text(data).css('color','green');
        },
    });   
});

answered Feb 4, 2015 at 15:58

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

1 Comment

Shehzad Ahmed Over a year ago

i did it thanx @stackoverflow.. :) and thax Rory McCrossan

Collectives™ on Stack Overflow

how to call base_url in js file

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related