未捕获的语法错误：AJAX 中的属性列表后缺少 }答案

【问题标题】：Uncaught SyntaxError: missing } after property list in AJAX未捕获的语法错误：AJAX 中的属性列表后缺少 }
【发布时间】：2023-01-05 22:22:24
【问题描述】：

我正在使用 Ajax 在 laravel 中做一个小项目，但是当我使用 ajax 进行验证时出现此错误。 enter image description here

<script>

$(document).ready(function(){

$(document).on('click','.add_product', function(e){
    e.preventDefault();
    let name= $('#name').val();
    let price= $('#price').val();
    $.ajax({
        url:{{ route('add') }},
        method: 'post',
        data: {name:name, price:price},
        success:function(res){

        },error:function(err){

            let error= err.responseJSON;
            $.each(error.errors, function(index, value){
                $('.errMsgContainer').append('<span class="text-danger">'+ value+ '</span>' + '<br>')
            });
        }
    });


})

});
 </script>

【问题讨论】：

错误指向哪一行？这看起来很可疑：url:{{ route('add') }} 这是您正在使用的实际客户端代码吗？或者一些被替换为值的服务器端模板？如果是前者，这确实是无效的 JavaScript 代码。如果是后者，您使用的实际结果 JavaScript 代码是什么？此外，如果您开始一致地格式化/缩进您的代码，那么您将能够更轻松地发现不匹配的元素。
该错误在代码的哪个位置抛出？是在 JS 中还是在解析 JSON 响应时？请缩小问题范围（或者，如果有，请准确告诉我们错误发生的时间和地点）。

标签： javascript php ajax laravel

【解决方案1】：

在 url 的 ajax 里面让它像这样

URL: "{{ route('add') }}",

在引号内添加路线。

    <script>
        $(document).ready(function() {

            $(document).on('click', '.add_product', function(e) {
                e.preventDefault();
                let name = $('#name').val();
                let price = $('#price').val();
                $.ajax({
                    url: "{{ route('add') }}",
                    method: 'post',
                    data: {
                        name: name,
                        price: price
                    },
                    success: function(res) {

                    },
                    error: function(err) {

                        let error = err.responseJSON;
                        $.each(error.errors, function(index, value) {
                            $('.errMsgContainer').append('<span class="text-danger">' + value + '</span>' + '<br>')
                        });
                    }
                });


            })

        });
    </script>

【讨论】：