学asp.net ajax的步骤
2019-09-17 10:02:39来源:爱站网 阅读 ()
一开始大家在学习asp.net ajax的时候免不了要走一些弯路,但是走多了弯路我们就会慢慢总结,自己学会提升自己asp.net ajax的技能,有很多小伙伴们不知道该怎么去开始学习asp.net ajax,那么我们现在就去看看学asp.net ajax的步骤。
任务:做(母板页面)一个关于新闻类别加载的ajax
?
主要实现数据的动态加载
我们先查看数据内容
接下来我们要学习怎么用jquery 实现ajax的新闻类别
ajax请求我们首先要熟悉,json数据,我们的ajax通过json传输,
好处:数据与界面分离,界面的变化无关数据,后台只负责提供数据,我们的数据甚至可以直接调用后台类别管理的方法,重用性高
而且,性能极佳,我们甚至可以通过缓存的方式缓存类别,因为类别信息加载,前台页面的类别加载非常频繁,而且易于维护与修改.用户体验好.
坏处:需要js和jquery功底,需要手动编写jquery ajax的脚本.
我们首先要知道2个jquery函数,一个是$.ajax,主要是用来做ajax请求用的,一个是$.parseJSON用来转义ajax的,还有一个是$.each用来遍历的,相当于foreach,查阅jquery api:
$.parseJSON
接下来是$.each
有了这些准备,我们还要写一个后台的数据提供者,这个可以直接从后台调用,这里仅列出,后台json数据的
生成方法,
生成的json数据格式
然后就是对json数据的处理过程
首先我们要通过ajax获取后台的数据,ajax就通过这么调用
? $(function(){
?? $.ajax({
? url:"Admin/News/Data/GetNewsInfo.ashx?method=GetNewsTypeForCombox",
???????? type:"get",
???????? success:function(text){?? //这个是回调函数
????????? // alert(text);
???????? var JsonData=$.parseJSON(text);
?????????? $("#m2").empty();//先清空m2子元素的内容
?????????? $.each(JsonData,function(key,value){?? //注意这里
???????????? $("#m2").append("<a href="+value.TypeId+">"+value.TypeName+"</a>");
???????????? // alert(key+" "+value.TypeId+" "+JsonData[key].TypeId+" "+JsonData[key].TypeName);
??????????????? //each方法,可以通过测试,查看具体含义
?????????? });
???????? }
???????? });
??????? });
实现效果
接下来,我们要做的就是给类别信息加缓存,因为母板页频繁加载,而且,这些信息没有必要反复读取数据库,我们就通过缓存处理,在后台添加缓存机制
这样一个完整的ajax,就成功完成了!
是不是很有成就感?
一个ajax页面的响应速度,各方面要快得多,而且,配合缓存,性能非常好!
用三层改写以前的项目,后台采用了三层构架的设计,也第一次真正感受到了架构之美!扩展的便利性!配合手写的代码生成器和分布类修改更简洁更方便!
.
这样我们一个简单的新闻类别就实现了,虽然简单,但是一个高性能可扩展的网站,更为重要的是主体架构,在这里ajax通过json传输数据,后台通过ashx页面实现,实现了业务与数据的分离,后台只负责数据的供应,前台实现数据的展示,这种UI与数据的分离,是网站架构的第一步.
以上就是关于学asp.net ajax的步骤,在学习asp.net ajax之后相信大家都会在实践中不断地成长并学会总结,感受每天的进步!
原文链接:https://js.aizhan.com/develop/aspnet/8949.html
如有疑问请与原作者联系
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:C#反射技术的简单操作
- asp.net源程序编译为dll文件并调用的实现过程 2020-03-29
- Asp.net MVC SignalR来做实时Web聊天实例代码 2020-03-29
- ASP.NET MVC中jQuery与angularjs混合应用传参并绑定数据 2020-03-29
- Asp.Net中WebForm的生命周期 2020-03-29
- ASP.NET使用Ajax返回Json对象的方法 2020-03-23
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash