不能調用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方法。是否有任何錯誤，請檢查一次。