Laravel site not using Ajax in external javascript file

Question

I am trying to have my site use Ajax from another file but it never works unless the code is actually in the view.

The site successfully calls my other Javascript file but does not seem to recognize the one with Ajax in it.

The following is in my external Javascript file with Ajax in it (ajax.js):

$(document).ready(function(){

    $("#idForm").submit(function(e) {
        $.ajax({
            type: "POST",
            url: "{{ url('/auth/login') }}",
            data: $("#idForm").serialize(),
            success: function(data)
            {
              location.reload(); 
            }
        });

        e.preventDefault(); // avoid to execute the actual submit of the form.
    });

});

And the following is in my master layout file that successfully uses the form.js file but not ajax.js .

<html>
<body>

<!--Other Stuff-->

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script type="text/javascript" src="http://localhost/sitename/public/js/forms.js"></script>
<script type="text/javascript" src="http://localhost/sitename/public/js/ajax.js"></script>

</body>
</html>

Any ideas?

can you try e.stopImmediatePropagation(); just a quick guess. — Nabin Kunwar
– Nabin Kunwar, Commented Feb 1, 2016 at 18:37
blade templating will not wok on js file extensions but on .blade only.You have to set the url manually i guess — jayadevkv
– jayadevkv, Commented Apr 26, 2016 at 5:27

sopnonill87 · Accepted Answer · 2017-09-01 17:34:50Z

3

By default, external js file don't support blade syntax. So, to send the ajax request from external js file need to do the followings:

create a global variable to ur template.blade.php file as follows:
var SITE_URL = "{{URL::to('/')}}";
then when to send the ajax request do:

$.ajax({ url: SITE_URL + '/route_name' });

edited Sep 1, 2017 at 17:34

answered Aug 26, 2017 at 7:37

sopnonill87

788 bronze badges

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

Collectives™ on Stack Overflow

Laravel site not using Ajax in external javascript file

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