AJax技术

初识ajax技术(2)

字号+ 作者:H5之家 来源:H5之家 2017-08-03 11:04 我要评论( )

1.从数据库获取分类数据信息,后台Controller中的Catagory的Action调用了Service中的GetCatagory方法,返回了一个list,这个list就是分类列表,通过return View(list)把list作为参数返还给页面,前台页面html第一行

1.从数据库获取分类数据信息,后台Controller中的Catagory的Action调用了Service中的GetCatagory方法,返回了一个list,这个list就是分类列表,通过return View(list)把list作为参数返还给页面,前台页面html第一行的@model List<Mvc3Demo.Models.Catagory> 意思就是我们可以直接访问Controller中通过强类型传递过来的分类列表。

2.向数据库添加分类信息,网页上点击提交,有一个onclick事件,执行addcata方法,而且通过var catagoryname = $("#cataName").val();获取到输入的值,然后再利用ajax技术,把catagoryname作为参数传递给后台(post),执行Home控制器中的AddCata的Action,这个Action调用了Service中AddCatagorys方法,当然这个AddCatagorys方法再影响的行数>1的情况(sql语句执行成功)下就返回一个true,然后再AddCata的Action中,我们再一次调用GetCatagory方法,获取到分类,那最后一个分类就是我们刚刚添加进去的分类,也就是list[list.count-1],然后返回json,并把参数最后这个分类传递到前台 return Json(catagory)。

3.前台接收到后台传递过来的数据dataInfo之后,然后在类名为cata的元素之后添加(jquer的append方法)新的分类,并且还可以把新添加的分类设置为选中(select的选中事件)

注:此篇随笔只供参考使用,而且也有很多小瑕疵,最主要的不是代码,逻辑才是最重要的。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Django中的Ajax,DjangoAjax

    Django中的Ajax,DjangoAjax

    2017-08-03 12:00

  • Ajax基础教程.doc

    Ajax基础教程.doc

    2017-08-03 09:01

  • 联合应用技术介绍之Ajax安全基础

    联合应用技术介绍之Ajax安全基础

    2017-08-03 09:00

  • 十大Ajax框架

    十大Ajax框架

    2017-08-03 08:00

网友点评