利用ajax技术添加数据

好久都没有写了，这段时间都在忙于学习东西，主要是asp.net MVC吧，感觉比webform好用多了呀。开始的时候就感觉很多思维和习惯有点不太习惯，不过经过这样多天的学习感觉还是不错滴，至少还是在找到感觉了，

废话不多说，今天学习了一个ajax添加数据的东西，感觉挺好玩的，以便留下来，做个资料用吧，嘿嘿嘿嘿，下面就是一些实例吧：

在前台页添加如下代码：

<div>
        <input type="text" name="name" id="name" />
        <button id="BtnSub">提交</button>
</div>

运行一下效果如下所示：

看起来是挺简单的，不过主要的时它的原理吧，懂的了原理的话对于以后的很多代码就好理解啦咯

哎，迫不及待的来看看ajax技术（javascript代码实现）是怎么的用的吧，代码如下的：

 $(document).ready(function () {
            $("#BtnSub").click(function () {
                var dp = { dpt: $("#name").val() };
                $.post("/Admin/Ajax/AjaxPost",
 　　　　　　　　　　　　　　　　dp,
　　　　　　　　　　　　　　　　　function (data) { }, 
　　　　　　　　　　　　　　　　　"json")
            });
        });

嘿嘿嘿，说的是简单，但是也确实是简单，下面是C#（基于Razor视图）代码吧：

        [HttpPost]
        public ActionResult AjaxPost(string dpt)
        {
            Department d = new Department();
            Entities db = new Entities();
            JsonResult r = new JsonResult();
            d.Name = dpt;
            try
            {
                db.Entry(d).State = System.Data.EntityState.Added;
                db.SaveChanges();
            }
            catch (Exception ex)
            {
                r.Data = new { Success = false, Ex = ex.Message };
            }

            return r;
        }

好的，对于代码的话就差不多是这些了，下面我们来看看运行的效果吧：

 

看到吧，数据显示出来了吧，但是最主要的是在添加数据的时候添加页没有出现任何的刷新就ok了，要是不信的话你就去试试吧！！