好久都没有写了,这段时间都在忙于学习东西,主要是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了,要是不信的话你就去试试吧!!