MVC下使用ajax后台查询值赋值到前端控件

浏览数：24 / 时间：2015年06月09日

初学MVC，今天做个简单的功能，就是输入BeginDate和EndDate，从后台计算后赋值给另外一个文本框Amount

技术分享

界面很简单，方法也很简单，今天就使用jquery的post方法,先准备后台代码

        public JsonResult GetAmount(string date1, string date2)
        {
            DateTime begin = DateTime.MinValue;
            DateTime end = DateTime.MinValue;
            if (DateTime.TryParse(date1, out begin) &&
                DateTime.TryParse(date2, out end))
            {
                var list = db.ProductDetails.Where(d => d.Date >= begin.Date && d.Date <= end.Date).AsQueryable();
                if (list != null)
                {
                    if (list.ToList().Count > 0)
                    {
                        var amount = list.Sum(d => d.Amount);
                        return Json(new string[] { amount.ToString() });
                    }
                }
            }
            return Json(new string[]{"0"});
        }

再来写View的Jquery代码

<script>
    $(function () {
        $("#BeginDate").blur(function () {
            CalAmount(this);
        });
        $("#EndDate").blur(function () {
            CalAmount(this);
        });
    });
    function CalAmount(datet) {
        var d1 = $("#BeginDate").val();
        var d2 = $("#EndDate").val();
        
        $.post("/PayRecord/GetAmount", { date1: d1, date2: d2 }, function (aa) {
            if (aa) {
                $("#Amount").val(aa[0]);
            }
        }, "json");
    }

</script>