h programer
5 سال پیش توسط h programer مطرح شد
1 پاسخ

جدا سازی کدهای javascript از html

سلام نمدونم چطور قسمت های جاوا اسکریپتمو جدا کنم از html مثلا اینوبگید چطور ذخیره کنم

 $('#city_id').change(function () {
            var city = $(this).find('option:selected').text();
        })

        $('#pr').change(function () {
            $("#myModal").modal('show');
            var id = $(this).find('option:selected').val();
            $.ajax({
                method:'post',
                url:'{{route('ajax')}}',
                data:{"_token":"{{csrf_token()}}",id:id},
                success:function(msg) {
                    $("#myModal").modal('hide');
                    $('#city_id').html(msg);

                }
            })
        });

من اومدم یک فایل به اسم city.js درست کردم دقیقا همونو داخلش ریختم و جایی که لازم بوده به این صورت نوشتم

<script src="/assets/vendors/js/ui/city.js" type="text/javascript"></script>
اما کار نمیکنه


ثبت پرسش جدید
مهدی مهدوی
تخصص : تازه وارد
@mehdi.mahdavi97 5 سال پیش مطرح شد
0

سلام

                url:'{{route('ajax')}}',
                data:{"_token":"{{csrf_token()}}",id:id},

مقدار url و _token به اینصورت داخل جاوا اسکریپت اشتباهه ،برای مثال باید داخل فایل blade قبل از فراخوانی city.js این دوتامقدار رو داخل متغیرهای جاوااسکریپت بریزید و ازشون استفاده کنید :

<script>
var url = {{ route('ajax') }};
var token= {{ csrf_token() }} ;
</script>
                url:url,
                data:{"_token":token,id:id},

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام