一步一步向ASP.NET学习Ajax

虽然我学了1年多ASP.NET，走了很多弯路，但每一次经历都是难忘的。马上就要高三了，慢慢开始总结。我之前做的更多的是重写之前的项目。虽然之前参加过一些项目，但感觉写的都是垃圾，在学校环境下可以理解。但是，我慢慢开始学会每天总结自己，重构自己，感受进步。今天开始在博客公园写博客，慢慢积累经验！与大家一起进步！

Task :(主板页面)是一个关于新闻类加载的ajax，主要实现数据的动态加载。

我们先来看看数据内容。

接下来，我们需要学习如何使用jquery来实现ajax新闻类别ajax请求。首先，我们需要熟悉json数据。我们的ajax是通过json传输的。优点是：数据与接口分离。界面的变化与数据无关。后台只负责提供数据。我们的数据甚至可以直接调用后台类别管理方法，复用性高，性能优秀。我们甚至可以通过缓存的方式来缓存类别，因为类别信息是加载的，前台页面的类别也是频繁加载的，很容易维护和修改。用户体验不错。缺点：需要js和jquery技能，我们需要手工编写jquery ajax脚本。首先，我们需要知道两个jquery函数，一个是$。ajax，主要用于ajax请求。一个是美元。parseJSON用来转义ajax，另一个是$。每个都用来遍历，相当于foreach。参见jQuery API 3360 。

$.帕西松

下一个是美元。每个。

有了这些准备，我们还需要编写一个后台数据提供程序，可以直接从后台调用。这里只列出了后台json数据的生成方法，。

生成的json数据格式。

然后是json数据的处理。首先，我们需要通过ajax获取背景数据。ajax调用$ (function () {$)。Ajax({ URL 3360 ' admin/news/data/getnewinfo . ashx？Method=getnewstylecombox '，type:' get '，success : function(text){//这是一个回调函数//alert(text)；var JsonData=$。parseJSON(文本)；$('#m2 ')。empty()；//首先，清空内容$。每个(JSON数据，函数(键，值){//这里注意$ ('# m2 ')。追加(' a href=' value . type id ' ' value . type name '/a ')；//alert(键' '值。TYPeID“”JSON data[key]。TYPeID“”JSON data[key]。TypeName)；//每种方法，都可以通过测试来检查具体含义})；} });});取得成果

接下来我们需要做的就是缓存类别信息，因为主板页面加载频繁，不需要反复从数据库中读取信息，所以我们通过缓存处理在后台增加了一个缓存机制。

如此完整的ajax已经成功完成了！是成就感吗？一个ajax页面的响应速度各方面都要快很多，有了缓存性能非常好！改写了之前三层的项目，背景采用三层架构的设计，第一次真正感受到了建筑的美！扩展的便利性！用手写代码生成器和分发类修改更简单方便！

总结：是一个简单的新闻类别。虽然简单，但对于一个高性能、可扩展的网站来说，主体结构更重要。这里ajax通过json传输数据，后台通过ashx页面实现，实现了业务和数据的分离。后台只负责数据提供，前台实现数据显示。UI和数据的这种分离是网站架构的第一步。作者天智。