这里只是谈谈 ASP.NET 中今朝行使的 Ajax 技能以及其余一些实现 Ajax 的优越框架

2015 年 6 月 19 日3720

这里只是谈谈 ASP.NET 中今朝行使的 Ajax 技能以及其余一些实现 Ajax 的优越框架

时间:2015-05-30 15:58 作者:52yueyu 点击:

  Ajax 应该不是一项技能,是一种头脑罢了,跟 ASP.NET 以及其余 Web 开拓说话没有什么太大相关,这里只是谈谈 ASP.NET 中今朝行使的 Ajax 技能以及其余一些实现 Ajax 的优越框架。

  Ajax 已经很风行一阵子了,此刻谈 Ajax 认为有点老土。今朝所谓的 Web2.0 网站,根基上没有不行使 Ajax 的,就如行使 RSS 一样,就犹如一个标签,贴上去就成了 2.0。Ajax 详细细节不谈,其目标就是让用户触发一些操纵的时辰,页面不会所有革新,只革新待更新的“部门页面”,加载数据的进程中,用 Loading 的图片来暗示正在加载数据,不可是看起来挺不错,也进步了用户的会见体验,有一种酷酷的感受。

  至于 ASP.NET 顶用到的 Ajax ,我想大大都人行使的是 Ajax / AjaxProfessional 可能 ASP.NET 2.0 中带有的 Atlas 框架。由于都用过,我感受这些都不是很好的 Ajax 办理方案。

  AjaxPro 用起来不是很利便,页面必要在 Page_Load 内里注册,相同于

以下是引用片断:
  privatevoidPage_Load(objectsender,System.EventArgse)
  {
  AjaxPro.Utility.RegisterTypeForAjax(typeof(DataAccess.MyAjax));
  }

  并且 ASPX 页面要包括一个 Runat=Server 的 标志,这样 Ajax 会将用到的一些通用函数以及你自界说的函数加载进来,假如没有 着实也可以,手动添加就可以了。可是,在我早年做过的应用中,时常呈现的一些题目,好比,常常发明赏识器状态栏会有 js 剧本错误,而此时你所做的 Ajax 结果会所有失效,办理步伐就是,把谁人 Ajax.dll /AjaxPro.dll 给从头包围一下就可以了,题目的缘故起因毕竟是什么,今朝还不知道。

  至于 Atlas,我对它的感受着实就跟对 DataGrid 的感受一样,嗯,这种控件的好用是好用,很利便,可是,真正做一些 Web 应用的时辰,你不得不思量到机能以及分层等各类题目。我想,在较量正式的 Web 应用中,没几小我私人去用 DataGrid 去表现一些数据吧,提议各人只管罕用这些控件。其它就是,Atlas 的执行服从确实不足抱负,一向在哪里 Loading,等了好长时刻,竟然呈现什么剧本错误,汗。

  那尚有没有其余办理方案吗?你可以本身写些 Javascript 函数去实现。不外,我这里保举用 jQuery 这个 Javascript 框架,从百度百科引用一段对其的先容:

  jQuery 是继 prototype 之后又一个优越的 Javascrīpt 框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的工作。

  它是轻量级的 js 库(压缩后只有21k) ,这是其余的 js 库所不及的,它兼容 CSS3,还兼容各类赏识器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。

  jQuery 是一个快速的,简捷的 javaScript 库,行使户能更利便地处理赏罚 HTML documents、events、实现动画结果,而且利便地为网站提供 AJAX 交互。

  jQuery 尚有一个较量大的上风是,它的文档声名很全,并且各类应用也说得很具体,同时尚有很多成熟的插件可供选择。

  jQuery 可以或许行使户的 html 页保持代码和 html 内容疏散,也就是说,不消再在 html 内里插入一堆js来挪用呼吁了,只需界说 id 即可。

  看来这段先容你会知道,Ajax 结果只是 jQuery 的浩瀚成果的一种,一样平常来说,Web 应用中行使 Ajax,肯定也离不开 Javascript,而 jQuery 正是为各人封装了一些 JS 函数,使得你不在被 JS 的纷繁伟大所担忧,统统由 jQuery 帮你实现。

  看一个小例子,就知道用 jQuery 做 Ajax 其实是太利便了。

  好比某个 ASPX 可能 HTML 页面内里有个 Button,点击触发 Ajax 加载数据,表现到 内里。点击谁人 Button 触发一个 JS 函数即可:

以下是引用片断:
  functionGetNews()
  {
  $("#News").html("LoadingNews......");
  $.({
  type:"post",
  url:"/.aspx?act=getnews",
  dataType:"html",
  data:"",
  success:function(result)
  {
  $("#News").html(result);
  }
  });
  }

  这个函数就会先在谁人 SPAN 内里表现“Loading News....”,通过异法式用,会见 /Ajax.aspx 这个页面,通过转达的 URL 参数 act=News 汇报页面必要什么范例的数据,你可以按照差异的参数,将数据通过 Ajax.aspx 直接 Write 到页面上,然后返回给上述 JS 函数,泛起到页面上,就这样简朴搞定!

  虽然,jQuery 内里并不是只有这一种 Ajax 结果实现方法,这里给出一些 jQuery 的资源,花上几个小时的时刻学一下,很值得:

  jQuery 官网:

  jQuery 中文 API 文档:

  jQeury 中文入门教程:

  至于其余的 Javascript 优越框架有许多了,好比 Yahoo! User Interface Library,Prototype,Rico,Qooxdoo,Dojo 等,其它尚有 Ajax 方面一些资源可以参考一下这里网络的资源。

  点击查察原文>>



(作者:卡卡责任编辑:鬼魂)

接待在新浪微博上存眷我们

相干文章

评述

相关内容

0 0