如何实现ajax的这种异步操作

我想知道类似于一些网站的功能.
一个站里分成好几个框架,当加载主页面时,会很快的显示主框架的大框架,至于每个框架里面的数据,可让它异步加载,什么时候加载完成,就什么时候显示,不影响其它的显示.
同时网站中还包含一些选项卡,默认加载网站时不加载这些选项卡里面的数据,紧当用户单击某一选项卡时,才加载这个选项卡的数据,而且在加载没有完成前,会提示正在加载的文字或图片,加载完成,当然就显示出这些数据.
请那位高手指教下小弟...培感多谢!

解决方案 »

  1.   

    《用AjaxPro实现无刷新翻页效果及数据库分页技术介绍》： 
    题外话：经不住一些朋友的一再要求，一气写了这么几篇Ajax方面的文章，这其中大部分代码都是从我的项目中摘取出来的，不过为了演示整个程序的框架结构，所以在演示程序代码里不会有大量与实际相关的业务逻辑处理，但是这并不妨碍你利用这些理论做出复杂的、完善的应用。 
    一、数据库分页理论 
    在实际项目中经常会遇到一个表里有几K、几M以上的数据，而呈现给用户时并不会一下子都显示出来，所以都是分批展示给用户，这样一来可以减小网络传输量，二来也减轻服务器压力。 
    http://blog.csdn.net/zhoufoxcn/archive/2008/03/12/2174234.aspx 《用AjaxPro实现定时刷新效果》： 
    说明：在Web开发中，有时候需要经常更新某一部分内容，如果不采用Ajax技术，就需要使用传统的html技术，在 <head> </head>区域加以下代码： <meta http-equiv="Refresh" content="10"> （假设每10秒更新一次），这样做的缺点是每次更新的时候整个页面都刷新了带来很多不必要的流量，也影响效率。微软的Ajax.Net类库也提供了相应的控件，使用微软提供的控件开发效率高，但是经常会出现“***不是已知元素 原因可能是网站中存在编译错误 ”的提示，另外有些控件虽然在执行的时候不占用显示空间，但是在设计视图的时候却占用显示空间，让人心情不爽，所以我还是倾向于AjaxPro这个第三方控件。 
    不过AjaxPro本身好像没有提供定时执行某个方法的类，但是我们可以利用Js本身的方法，它就是setInterval("方法名()",间隔多少微秒)，没研究微软的 Ajax.Net类库，我估计它的最终效果也是采用这个方法或者类似方法来实现的。（如果只想执行一次，可以使用setTimeout("方法名()",间隔多少微秒)这个方法。 
    http://blog.csdn.net/zhoufoxcn/archive/2008/03/09/2160407.aspx 《用AjaxPro实现二级联动》： 
    在实际asp.net项目中经常会遇到无刷新二级或者N级(N>=2)联动情况，其实N级联动和二级联动的原理都是一样的，实现这种办法有很多，一种是纯脚本实现（动态生成Array数组），一种 是采用微软的Ajax.net中的UpdatePanel来实现，今天我给大家来展示如何采用AjaxPro来实现，相关文章请参考http://blog.csdn.net/zhoufoxcn/archive/2008/01/05/2026908.aspx《AjaxPro与服务器端交互过程中如何传值》一文。 
    http://blog.csdn.net/zhoufoxcn/archive/2008/01/07/2029204.aspx 《AjaxPro与服务器端交互过程中如何传值》： 
    用asp.net开发Ajax有两种主流，一种是微软推出的技术，其中一个最常用的就是UpdatePanel控件，还有一种是AjaxPro技术。 这种技术有着各自的特点。采用微软的技术开发也沿用了微软一贯的简单化、傻瓜化的特点，开发简单Ajax程序几乎不需要了解任何网页脚本知识和XHTML知识，缺点也有一些，通常会带来一些不必要的网络流量（整个UpdatePanel控件内所有的控件内容都会提交），另外在VS2005下经常会出现“***不是已知元素 原因可能是网站中存在编译错误 ”的提示，虽然有治标不治本的办法（见拙作：***不是已知元素 原因可能是网站中存在编译错误中提到的解决办法），但是经常出现这种提示，也够让人心烦的。 而AjaxPro的起点较高，需要开发人员孰知Js脚本知识和XHTML相关知识，因为所有的方法需要你自己编写网页脚本。开发速度相对会较慢一点，调试也会困难一点（JS调试就是麻烦）。 网上有不少讲述怎么使用AjaxPro调用服务器端方法的例子，我大概看了一下，估计只有一个原本，然后被Copy了N遍，所以到处都是，可惜的是那篇文章里没有降到如何把客户端的数据传送到服务器，比如我想在用户注册时那个用户名是否被注册了，怎么办？ 查看了网上雷同的N篇文章之后没有找到答案，后来自己琢磨了很久，才琢磨出来，下面展示一下用法。 
    http://blog.csdn.net/zhoufoxcn/archive/2008/01/05/2026908.aspx Ajax系列文章。
      

  2.   

    你所说的问题,是一个很普通的ajax问题,建议你去学习一下ajax,学完ajax后就就会感觉这些东西很简单
    建议楼主从最进本的xmlhttprequest学起,然后再去学其他的ajax.net,atlas,anthem等,即便你只会用xmlhttprequest,你的这些问题都可以完全解决了
      

  3.   

    如果想的特简单的话，那么<body onload="func()">
    func()方法负责从服务器异步读取数据显示到页面上的某个元素里，访问web service好，client-callback也好，访问static web method也好，返回的都是字符串。。这不结了吗？
      

  4.   

    就像学最初级的ajax的话，直接下一套anthem.net控件来用就行了，简单得很，和asp控件一个样子，把AutoUpDateAfterCallBack设为true就是ajax控件，false就是普通asp控件，现在好像最高的是1.5.2版