ASP.NET与Ajax的实现方式小总结

Ajax 已经很流行一阵子了，现在谈 Ajax 觉得有点老土，-_____-```。目前所谓的 Web2.0 网站，基本上没有不使用 Ajax 的，就如使用 RSS 一样，就如同一个标签，贴上去就成了 2.0。Ajax 具体细节不谈，其目的就是让用户触发一些操作的时候，页面不会全部刷新，只刷新待更新的“部分页面”，加载数据的过程中，用 Loading 的图片来表示正在加载数据，不只是看起来挺不错，也提高了用户的访问体验，有一种酷酷的感觉。

至于 ASP.NET 中用到的 Ajax ，我想大多数人使用的是 Ajax.net / AjaxProfessional 或者 ASP.NET 2.0 中带有的 Atlas 框架。因为都用过，我感觉这些都不是很好的 Ajax 解决方案。

AjaxPro 用起来不是很方便，页面需要在 Page_Load 里面注册，类似于

private void Page_Load(object sender, System.EventArgs e)
{
  AjaxPro.Utility.RegisterTypeForAjax(typeof(DataAccess.MyAjax));
}

而且 ASPX 页面要包含一个 Runat=Server 的<Asp:From> 标记，这样 Ajax.net 会将用到的一些通用函数以及你自定义的函数加载进来，如果没有 <Asp:From> 其实也可以，手动添加就可以了。但是，在我以前做过的应用中，时常出现的一些问题，比如，经常发现浏览器状态栏会有 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 加载数据，显示到 <SPAN ID=News> 里面。点击那个 Button 触发一个 JS 函数即可：

function GetNews()
{
      $("#News").html("Loading News......");
      $.ajax({
        type:"post",
        url:"/ajax.aspx?act=getnews",
        dataType:"html",
        data:"",
        success:function(result)
        {
          $("#News").html(result);
        }
        });
}

这个函数就会先在那个 SPAN 里面显示“Loading News....”，通过异步调用，访问 /Ajax.aspx 这个页面，通过传递的 URL 参数 act=News 告诉页面需要什么类型的数据，你可以根据不同的参数，将数据通过 Ajax.aspx 直接 Write 到页面上，然后返回给上述 JS 函数，呈现到页面上，就这样简单搞定！

以上内容就是给大家分享的ASP.NET与Ajax的实现方式，希望大家喜欢。

赞 (0)

相关推荐

  • 轻量级asp.net ajax解决方案详解

    本文实例讲述了轻量级asp.net ajax解决方案.分享给大家供大家参考,具体如下: 跟shotdog老师研究探讨了下asp.net里,除官方庞大asp.net ajax之外的ajax解决方案.我们想法是以不同的服务器端方式输出,然后在页面使用jQuery的ajax实现调用服务器端几个解决方案: 1.使用一般的webform,在页面用jQuery ajax调用,再从取得的html数据中取得<body>内的内容,写入DOM 优点:不用改变现有的asp.net开发模式,可以使用现成的页面:aja

  • asp.net+ajax简单分页实例分析

    本文实例讲述了asp.net+ajax简单分页实现方法.分享给大家供大家参考,具体如下: 这里涉及两个.aspx文件,一个叫Default.aspx,一个叫AjaxOperations.aspx,第一个用来显示一些测试数据,后一个用来对分页进行处理.js文件夹下面还有一个testJs.js的文件,它就是ajax操作的核心部分.不错,code is cheap.看代码: /*testJs.js*/ // 此函数等价于document.getElementById /document.all fun

  • ASP.NET搭配Ajax实现搜索提示功能

    ASP.NET搭配Ajax实现搜索提示功能

    平时的软件开发中,信息的搜索是经常碰到的,增加搜索关键字提示是提高用户体验的一种很好的办法.今天就介绍下在ASP.NET如何利用AJAX来实现搜索的信息提示! 1.需要了解的一些知识点 (1)AJAX对象不同浏览器的创建 不同的浏览器对AJAX(XMLHttpRequest)对象的实现是不一样的,例如IE浏览器是通过ActiveX控件来实现AJAX对象.而其他一些浏览器比如火狐,它将AJAX对象实现成了一个浏览器内部的对象叫XMLHttpRequest,所以不同的浏览器创建AJAX对象的方式也就

  • asp.net使用AJAX实现无刷新分页

    查询功能是开发中最重要的一个功能,大量数据的显示,我们用的最多的就是分页. 在ASP.NET 中有很多数据展现的控件,比如Repeater.GridView,用的最多的GridView,它同时也自带了分页的功能.但是我们知道用GridView来显示数据,如果没有禁用ViewState,页面的大小会是非常的大的.而且平时我们点击首页,下一页,上一页,尾页这些功能都是会引起页面回发的,也就是需要完全跟服务器进行交互,来回响应的时间,传输的数据量都是很大的. AJAX的分页可以很好的解决这些问题. 数

  • jquery.Ajax()方法调用Asp.Net后台的方法解析

    利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法.先来个简单的实例热热身吧. 1.无参数的方法调用asp.net code: 复制代码 代码如下: using System.Web.Script.Services; [WebMethod]   public static string SayHello()   {        return "Hello Ajax!";   }  using System.Web.Script.Services; [WebMe

  • asp.net+ajax的Post请求实例

    本文实例讲述了asp.net+ajax的Post请求的实现方法.分享给大家供大家参考.具体如下: 复制代码 代码如下: //一个ajax的Post请求       function submitInfo() {          $(".warn").hide(); //刚提交的时候隐藏错误的信息          var data = $("#formData").serialize(); //将表单的数据通过序列化表单值,创建 URL 编码文本字符串.形成一个表

  • asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码

    复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="AjaxJson.aspx.cs" Inherits="AjaxJson" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

  • asp.net+ajax+sqlserver自动补全功能实现解析

    代码下载 说明:数据库连接字符串在web.config文件中,为方便运行使用的是官方的Northwind数据库. 参考(向其作者致敬): ² http://www.loveweb8.com/plus/demo.php?aid=57这个例子是html源码.利用jquery.autocomplete插件利用js实现了自动补全功能.由于我的需要是结合sqlserver数据库表实现自动补全功能.就下来就是将数据库表转为js数组,自然而然就想到了ajax. ² Asp.NetAjax的两种基本开发模式这篇

  • ASP.NET中TextBox使用Ajax控件显示日期不全的问题解决方法

    正常的引用 复制代码 代码如下: <%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="AjaxToolKit" %><asp:TextBox ID="txtRecordTime" runat="server" cssclass="style" width

  • Ajax+asp.net实现用户登陆

    Ajax+asp.net实现用户登陆

    以用户登录为例练习ajax的使用方法 login.html <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <sc

  • Asp.net ajax实现任务提示页面的简单代码

    复制代码 代码如下: <%@ Page Language="C#" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><script runat="server">    void WaitFiveS

  • ASP.NET基于Ajax的Enter键提交问题分析

    本文实例讲述了ASP.NET基于Ajax的Enter键提交.分享给大家供大家参考,具体如下: 近日遇到一个Enter键的问题,总结下: 1. 首先复习下html form对Enter的响应,不同的浏览器对Enter的处理略有不同,这里采用IE7 A. html form只有一个TextBox, 没有submit按钮, 点Enter 提交form. B. >1个TextBox, 没有submit按钮, 点Enter ,form没有响应. C. 页面有一个(或多个)submit按钮, 点Enter,

  • ASP.NET中使用Ajax的方法

    ASP.NET中使用Ajax的方法

    $.ajax向普通页面发送get请求这是最简单的一种方式了,先简单了解jQuery ajax的语法,最常用的调用方式是这样:$.ajax({settings}); 有几个常用的setting,全部参数及其解释可以去jQuery官方API文档查询 1. type:请求方式 get/post2. url:请求的Uri3. async:请求是否为异步4. headers:自定义的header参数5. data:发往服务器的参数6. dataType:参数格式,常见的有string.json.xml等7

随机推荐