javascript - 在 laravel Blade 页面中说 $.ajax 不是函数

Question

在 laravel 中，我曾经为我的选择框调用 ajax(它就像二叉树，例如:cat1、cat2 是父 id，然后 cat3、cat4、cat5 是父 cat1 的 child ，cat6、cat7 是 cat2 的 child 等等在..)。 onchange 函数也能正常工作，但显示 ajax 错误 Uncaught TypeError: $.ajax is not a function

这是我的脚本

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<meta name="csrf-token" content="{{ csrf_token() }}" />
<script>
var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
function fun_end_cat(cat_id)
{
//alert("test");
    var cat=cat_id.value;
    $.ajax({
           url: '/postajax',
           type: 'POST',
           data: {_token: CSRF_TOKEN, message:cat},
           dataType: 'JSON',
           success: function (data) { 
                 alert(data);
             }
           }); 
} 
</script>

这是我的选择框

<select class="form-control" name="cat_name" required onchange="fun_end_cat(this)">
    <option value="">Select Category</option>
    <option value="cat1">cat1</option>
    <option value="cat1">cat1</option>
</select>

Answer 1

您可以这样使用它，$ 符号可能会与您在页面上使用的其他库冲突。

$.noConflict(); // it resolves $ issues so that other libraries using $ work seamlessly

jQuery.ajax(function(){
    // use jQuery instead of $
});