Laravel: how to reference javascript function with blade syntax defined in public/app.js

Question

I have an ajax call that has some blade templating inside. This ajax call is used repeatedly over multiple views. I would like to define it once and link to it in each view but I get errors due to blade syntax. What can I do so I only have it defined in one place?

/public/myapp.js

//checkbox validation
    $(document).ready(function(){
    //Check age and display dialog box to over-ride age if administrator
    $('input:checkbox').click(function(e) {
        if( $(this).prop('checked') &&  $(this).val()=='on' )
        {
            e.preventDefault();

            var name = $(this).attr('name');
            var pivot_attendee_program = name.split(/\]\[|\[|\]/);
            var data = {
                        'pivot' : pivot_attendee_program[0],
                        'attendee_id' : pivot_attendee_program[1],
                        'program_id' : pivot_attendee_program[2]
                       };
                $.ajax({
                    type: "GET",
                    url: '{{ route('ageCheck') }}',
                    data: data,
                    context: this,
                    success: function(result){
//...code goes on but is irrelevant

I get error

Error: SyntaxError: missing } after property list
Source Code:
                    url: '{{ route('ageCheck') }}',

lukasgeiter · Accepted Answer · 2015-08-27 21:44:03Z

3

You can't just use PHP code (that's what Blade essentially is) in JavaScript files. A simple workaround for this problem is to inject the route url as a JavaScript variable.

This has to be inside a blade file (usually your layout)

<script>
    var ageCheckUrl = '{{ route('ageCheck') }}';
</script>

And then you can use that variable in your external JS files:

type: "GET",
url: ageCheckUrl,
data: data,
context: this,

answered Aug 27, 2015 at 21:44

lukasgeiter

154k29 gold badges349 silver badges280 bronze badges

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

Collectives™ on Stack Overflow

Laravel: how to reference javascript function with blade syntax defined in public/app.js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related