参考错误Laravel和Javascript

我试图在不刷新页面的情况下使用Ajax将产品添加到数据库，并将数据发送到数据库，但我在控制台上收到一个错误

uncaughtreferenceerror:$未定义。如何在不刷新页面的情况下提交表单

刀片

阿贾克斯


$（文档）。在（“单击”，“保存”，功能（e）{
让url=“{route（'product.store'）}}”；
e、 预防默认值（）；
$.ajax({
类型：“post”，
url:url，
数据：$（“.add productForm”）.serialize（），
成功：功能（商店）{
},
错误：函数（）{
}
});
});
常见问题，在编写脚本之前，您需要加载
jQuery
库

<script src="/your_path/jquery.plugin.js"></script>
<script src="/your_path/jquery.min.js"></script>



更多信息：
对于“未捕获引用错误：$未定义”此错误，您需要在html页面中添加jquery支持文件：

'<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"> 
</script>'

'
'
我确实在master blade@Adam KozlowskiIn头文件或文件末尾有这些库？我已经正确添加了库，错误已经消失，但它没有将产品添加到数据库中。我如何才能使其工作？@AdamKozlowski@joh应该有
数据：$（“#添加产品表单”）.serialize（）
。您提供了表单Id，因此请使用
$（“#添加产品表单”）
即时
$（“.add productForm”）
我尝试过，但仍然不起作用，没有错误@ajay错误已消失，但没有添加产品@Kavitha
 <script>
$(document).on("click", "#save", function(e) {
    let url = "{{route('product.store')}}";
    e.preventDefault();
    $.ajax({
        type: "post",
        url: url,
        data: $(".add-productForm").serialize(),

        success: function(store) {

        },
        error: function() {
        }
    });
});
</script>

<script src="/your_path/jquery.plugin.js"></script>
<script src="/your_path/jquery.min.js"></script>

'<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"> 
</script>'