利用ajax技术添加数据

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

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

在前台页添加如下代码：

1 <div>
2         <input type="text" name="name" id="name" />
3         <button id="BtnSub">提交</button>
5 </div>

运行一下效果如下所示：

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

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

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

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

 1         [HttpPost]
 2         public ActionResult AjaxPost(string dpt)
 3         {
 4             Department d = new Department();
 5             Entities db = new Entities();
 6             JsonResult r = new JsonResult();
 7             d.Name = dpt;
 8             try
 9             {
10                 db.Entry(d).State = System.Data.EntityState.Added;
11                 db.SaveChanges();
12             }
13             catch (Exception ex)
14             {
15                 r.Data = new { Success = false, Ex = ex.Message };
16             }
17 
18             return r;
19         }

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

 

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

转载于:https://www.cnblogs.com/gyouxu/archive/2012/10/01/2709809.html