Ajax调用选择更改未触发

Question

当函数包含ajax调用时，下拉选择更改不会触发。如果该函数只包含一个警报，则该函数起作用。这里是代码

<div class="col-md-6"> 
        <div class="form-group"> 
         <label>Select Category</label> 
         @Html.DropDownListFor(x => x.CategoryId, new SelectList(Model.Categories, "CategoryId", "CategoryName", Model.CategoryId), 
          new { @class = "form-control select2", id = "myCategories" }) 

        </div> 
        <div class="form-group" id="makes"> 

        </div> 

       </div> 

这里是js函数

@section scripts{ 

    <script type="text/javascript"> 

     $(document).ready(function() { 
     $(document.body).on('change', "#myCategories", function (event) { 
      var selected = $('#myCategories').val(); 
      alert("catid changed to : " + selected); 
      $.ajax({ 
       url : @Url.Action("getMakes","Transaction", new {categoryId= Model.CategoryId}), 
       success: function (data) { 
        alert(data); 
        $('#makes').html = data; 
       }, 
       error: function() { 
        alert("failed"); 
       } 
      }); 
     }); 
    }); 
    </script> 
} 

如果我评论了ajax块，它的工作原理，并显示警告。任何人都知道它为什么会这样。任何帮助将不胜感激。感谢所有人提前和圣诞快乐。

Answer 1

感谢所有那些帮助我解决这个问题的人，即使是圣诞节。最后，我通过在ajax中的url部分之前和之后放置单个逗号来实现它。感谢@AnilTalla的控制台线索。这里是更新的版本js

$(document).ready(function() { 
     $(document.body).on('change', "#myCategories", function (event) { 
      var selected = $('#myCategories').val(); 
      alert("catid changed to : " + selected); 
      $.ajax({ 
       url : '@Url.Action("getMakes","Transaction", new {categoryId= Model.CategoryId})', 
       success: function (data) { 
        alert(data); 
        $('#makes').html = data; 
       }, 
       error: function() { 
        alert("failed"); 
       } 
      }); 
     }); 
    }); 

圣诞快乐大家。