ASP.NET:JSON下的Ajax(JQuery&Aja…

来源:互联网 发布:货代操作软件 编辑:程序博客网 时间:2024/05/22 15:57
测方法测了一天,json是个好东西,也是个麻烦的东西,稍许有点错就无任何效果
JSONHelper类扩充部分还有点小问题,暂时不放出,暂时就用DataTable转JSON对象的方法:ConvertDataTableToJSON()
本次演示内容:
ASP.NET:JSON下的Ajax(JQuery&Ajax)
最上面的下拉框绑定数据源,使用了他的change事件来进行ajax:下面的ul是用ajax来填充的:
html代码:
ASP.NET:JSON下的Ajax(JQuery&Ajax)

后置代码中下拉框绑定方法:
ASP.NET:JSON下的Ajax(JQuery&Ajax)
JQuery触发change事件:
ASP.NET:JSON下的Ajax(JQuery&Ajax)
其中上面用到的getUniqueKey和format方法,定义如下:
ASP.NET:JSON下的Ajax(JQuery&Ajax)
后置页面中接收Request["cid"]涉及的方法:
ASP.NET:JSON下的Ajax(JQuery&Ajax)
JSONHelper.cs内的ConvertDataTableToJSON()方法定义如下:
ASP.NET:JSON下的Ajax(JQuery&Ajax)

全选/全不选功能:
ASP.NET:JSON下的Ajax(JQuery&Ajax)
说明下,注释的部分在chrome上可以用,功能也正常,但在遨游浏览器内checked返回的是checked和undefined,所以为了防止使用遨游而引起的功能失效,用较原始的方式来判断checked

删除功能,同样用ajax:
ASP.NET:JSON下的Ajax(JQuery&Ajax)
后置代码中执行删除的方法:
ASP.NET:JSON下的Ajax(JQuery&Ajax)

后置代码,Page_Load事件:
ASP.NET:JSON下的Ajax(JQuery&Ajax)
本次演示用到的部分源码:
http://www.kuaipan.cn/file/id_17032848158498522.htm























我的更多文章:
  • (2012-09-10 17:57:40)