不能调用AJAX功能

Question

我创建的视图中的MVC 5台这样的：

@foreach (var item in Model) 
{ 
    <tr> 
     <td> 
      <h3 class="label label-primary">@item.FRM_CODE</h3> 
     </td> 
     <td> 
      @Html.DisplayFor(model => item.FRM_NAME) 
     </td> 
     <td> 
      @Html.DisplayFor(model => item.FRM_DES) 
     </td> 
     <td> 
      <input type="date" class="form-control" id="dateNgayPsinhDlieu" /> 
     </td> 
     <td> 
      <input type="button" id="btnCreatReport" class="btn btn-primary" value="@item.FRM_NAME" /> 
     </td> 
    </tr> 
} 

<script> 
 
$('#btnCreatReport').bind("click", function() { 
 
       var controller = $('#btnCreatReport').attr('value'); 
 
       homeController.printData(controller); 
 
       alert(controller); 
 
       
 
      }); 
 

 
</script>

我只是调用函数成功的第一个按钮和旁边的按钮不响应ajax函数。 帮我

Answer 1

尝试在$（document）.ready（function（）{ }）中放置按钮点击事件并测试一次。以下是该守则。

$(document).ready(function(){ 
    $('#btnCreatReport').bind("click", function() { 
       var controller = $('#btnCreatReport').attr('value'); 
       homeController.printData(controller); 
       alert(controller); 

    }); 
}); 

Answer 2

请尝试下面的代码。

             
  
 
   
 
    
<script> 
 
    $('#btnCreatReport').on("click", function() { 
 
        var controller = $('#btnCreatReport').attr('value'); 
 
        homeController.printData(controller); 
 
        alert(controller); 
 
        
 
       }); 
 

 
    </script>
 
   
 
  
 
 

 

你在哪里有homeController变量和printData方法。是否有任何错误，请检查一次。