Javascript mvc4中的按钮单击未执行Ajax调用

我正在尝试使用AJAX调用按钮单击刷新部分视图中的网格。但按钮的单击方法无法正常工作

下面的代码片段是我用来执行的代码

JQUERY

 <script  type="text/javascript">
$(document).ready(function () {
    $("#fromDate").datepicker({
        changeMonth: true,
        changeYear: true
    });
    $("#toDate").datepicker({
        changeMonth: true,
        changeYear: true
    });
});

//function buttonClick() {

$("#btnSearch").click($.ajax({
    url: 'Report/SearchGrid',
    type: "POST",
    success: function (html) {}
}));

//}
    </script>

---

我看不出您的代码在哪里向控制器传递数据，或者在表单上设置任何结果。你的电话应该是这样的

$('#btnSearch').on('click', function(){
     $.ajax({
         url: "@(Url.Action("Action", "Controller"))",
         type: "POST",
         data: { from: $('.FromDate').val(), to: $('.ToDate').val() },
         cache: false,
         async: true,
         success: function (result) {
             $(".Content").html(result);
         }
     });
});

---

然后在控制器中，您将接受来自和到的参数，而不是整个模型。你没有在这里发帖，所以整个模型不会被发送回控制器。如果你有任何问题，请告诉我

你有一个点击处理程序附加和onclick提供。。。？其中是

buttonClick（）

也请解释“不能正常工作”的含义，即使我取消注释函数buttonClick（）行，它也不能工作

public ActionResult SearchGrid(ExpenseReportModel model)
{
    ExpenseReportModel expModel = new ExpenseReportModel();
    expModel.ExpenseList = GetExpenseList();
    expModel.ExpenseFromDate = Convert.ToDateTime(model.ExpenseFromDate);
    expModel.ExpenseToDate = Convert.ToDateTime(model.ExpenseToDate);

    return PartialView("_GridData", expModel.ExpenseList);
}

$('#btnSearch').on('click', function(){
     $.ajax({
         url: "@(Url.Action("Action", "Controller"))",
         type: "POST",
         data: { from: $('.FromDate').val(), to: $('.ToDate').val() },
         cache: false,
         async: true,
         success: function (result) {
             $(".Content").html(result);
         }
     });
});