在laravel刀片頁面中說$ .ajax不是一個函數

Question

在laravel我曾經為我的選擇框調用ajax（它就像二叉樹，例如：cat1，cat2是父ID然后cat3，cat4，cat5是父cat1，cat6，cat7的孩子是cat2的孩子等等。 ）。 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

您可以像這樣使用它，$ sign可能與您在頁面上使用的其他庫沖突。

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

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

Answer 2

將代碼重構為以下代碼

<select class="form-control change" name="cat_name" required>
    <option value="">Select Category</option>
    <option value="cat1">cat1</option>
    <option value="cat1">cat1</option>
</select>

js代碼

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
var CSRF_TOKEN = {{ csrf_token() }};
    $('.change').change(function(){
  var cat= cat_id.value;
  $.ajax({
    url: '/postajax',
    type: 'POST',
    data: {
      _token: CSRF_TOKEN,
      message:cat
    },
    dataType: 'JSON',
    success: function (data) { 
      alert(data);
    }
  }); 
})
</script>

我不知道什么是cat_id，但你的改變方法應該是這樣的