`
tsdl2009
  • 浏览: 5739 次
  • 性别: Icon_minigender_1
  • 来自: 宁波
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

你应该知道的10个Ajax技术

阅读更多
1) TextboxList自动完成 (源码,演示)

这个控件主要来自Facebook吧,在网易的邮件里也能看到,还有hotmail等等,在文本框里输入文本不但可以出现相关数据的列表,而且选中后的字符串还会变成一个小图标。这个控件主要用在电子邮件中吧。





2) Ajax IM即时聊天 (源码,演示)

Ajax IM是一个很牛的即时聊天的客户端,你可以使用它制作一个Web-Based的即时聊天工具,这是一个非常强大的Ajax技术。





3)即时校验用户的输入(源码,演示)

以前,检验WEB表单的输入需要放在后台,因此,用户需要提交表单数据到后台才能知道是否所填写的内容有误。Ajax把实时检测表单输入域变成了现实,如今,我们在网上已经能看到很多很多的这样的应用,比如在你注册一个用户输入一个用户名的时候,不用提交整个表单到后台,你就能知道用户名是否已被人使用。





4)即时编辑器(源码,演示)

所谓即时编辑器就是双击一下网页上的文本,于是你就要吧编辑它了,编辑完后再单击一下别的地方,编辑过的内容就会被提交到后台保存。在这里,给出的示例是一个非常小巧的即时编辑器—— inline editor





5)Ajax 式文件上传

使用Ajax上传文件会让用户得到非常好的用户体验,上网随例搜索一下,有太多太多的各式各样的文件上传的Ajax源码可以使用。然而,在coderproject网站有,你可以下载到一款非常小又非常好的Ajax程序,网址如下:http://www.codeproject.com/KB/aspnet/AJAXUpload.aspx。


当然,如果你要一次上传多个文件,那个这个小程序还不足以满足你。不过,你可以使用JQuery的JQUploader。

6)Fancy Upload (源码,演示)

更为迷人的文件上传程序,你可以试试Fancy Upload,它通非常优秀的Javascript框架MooTools(http://mootools.net/)构造。





7)点击记录ClickHeat (源码,演示)

ClickHeat是一个非常简单而非常强大的Ajax技术,它可以记录下访问者们对你网站的点击坐标,以便于你分析你网站的访问者的习惯和他们的关注点。





8)Ajax电子邮件表单 (源码,演示)

这里主要推荐一款叫Maillist的Ajax程序,这是用来校验并提交电子邮件的地址的(不需要刷新页面),这样的设计极大地方便了用户的使用邮件订阅某些更新。我们想想看,这样的用户体现绝对会让你网站的用户特别愿意提交他们的电子邮件。





9) Ajax目录管理器 (源码,演示)

使用Ajax做一个在线的WEB的目录浏览器是非常酷的事情,如果没有Ajax,这样的用户体验除上让用户装一个ActiveX控件,我们几乎无法在Web上实现。在这里,我们推荐Relay这个框架,它基本上有这样一些功能,a)支持文件拖拉,b)动态地载入文件目录列表, c)还有上传的进度条,d)支持多用户帐号。还有很多很多。Relay绝对实现了你所能想得到的功能。





10)Ajax邮件客户端

目前,太多太多的邮件系统越来越多的使用Ajax技术。在用户体验方面,Gmail和网易邮箱最好。Hotmail的界面和outlook很相似了,可惜的是hotmail的运行速度感觉就像一辆后面拖着大石头的跑车。如果你想要开发一个Ajax的邮件客户端,那么,你一定要读一下下面的这篇文章:

http://www.devarticles.com/c/a/XML/Take-AJAX-to-Your-Email-Inbox-Developing-a-Webbased-POP-3-Client/

  • 大小: 10.3 KB
  • 大小: 144.6 KB
  • 大小: 13 KB
  • 大小: 14.7 KB
  • 大小: 14.4 KB
  • 大小: 158.3 KB
  • 大小: 6.5 KB
  • 大小: 88.7 KB
分享到:
评论

相关推荐

    【Ajax示例】

    【Ajax示例】中的知识点主要涉及使用Ajax技术实现动态数据加载和页面局部更新,特别是针对中国省份、城市、城镇联动选择列表框的应用。Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况...

    关于Ajax的视频,讲的还可以

    Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步...通过这些资源,学习者可以更好地理解和实践Ajax技术。

    Ajax实现用户注册模块

    在本文中,我们将深入探讨如何使用Ajax技术来实现一个用户注册模块。Ajax,即Asynchronous JavaScript and XML(异步JavaScript和XML),允许我们在不刷新整个网页的情况下与服务器进行交互,从而提供更流畅、更快捷...

    Ajax 探密 (Ajax Hacks )

    10. **进度指示**:当处理大量数据时,显示进度条或百分比可以让用户知道请求的状态。 11. **历史记录管理**:Ajax可能导致浏览器前进后退功能失效,利用HTML5的History API可以解决这个问题。 12. **安全考量**:...

    Ajax登陆验证有助于更好的封装

    在标题和描述中提到的"Ajax登录验证",是指利用Ajax技术来实现用户登录时的实时验证。传统的登录方式通常需要用户填写用户名和密码后点击提交按钮,然后整个页面会跳转或者刷新以显示验证结果。而使用Ajax进行登录...

    关于ajax技术.pdf

    Ajax,即Asynchronous ...综上所述,Ajax技术是现代Web开发中不可或缺的一部分,它实现了页面的局部刷新,提高了用户体验,同时也涉及到数据编码、HTTP请求方法、事件监听、数据解析以及服务器端数据处理等多个环节。

    ajax 经典案例源码(Jsp)

    以上这些实例展示了Ajax在网页交互中的广泛应用,通过学习和理解这些源码,开发者可以更好地掌握Ajax技术,提升Web应用的性能和用户体验。在实际项目中,结合JSP或其他服务器端技术,Ajax可以创造出更多富有创新性的...

    AJAX的等待图标(LOADING图标)

    "FC_AJAX-LOADING图标"这个压缩包很可能包含了几十种不同的AJAX加载图标设计,供开发者根据网站或应用的风格选择和定制。这些图标可能包括静态图片、GIF动图或者SVG矢量图,它们各有特点,适应不同的场景和需求。 ...

    AJAX实例源文件1

    总之,这个压缩包中的AJAX实例源文件1涵盖了AJAX技术的多个方面,通过学习和实践,你可以深化对AJAX的理解,提高开发动态Web应用的能力。每个实例都是一个独立的学习点,通过拆解和分析,你将能够掌握AJAX的核心技巧...

    经典的AJAX(封装好)

    AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新,从而提升了用户体验,使得网页更加互动且...

    Ajax菜单栏效果 竖行效果

    每个菜单项应该包含一个链接或按钮,用于触发Ajax请求。 2. **CSS 样式**:为了实现竖行效果,我们需要使用CSS来调整菜单项的布局。例如,使用`display: block`或`flex-direction: column`属性将菜单项排列为一列。...

    Ajax实时验证用户名邮箱等是否已经存在

    综上所述,"Ajax实时验证用户名邮箱等是否已经存在"是提升Web应用用户体验的重要技术,涉及到前端与后端的交互、数据验证、用户体验优化等多个方面。通过合理设计和实现,可以大大提高用户注册和登录的便捷性和安全...

    AJAX企业级开发

    这本《AJAX企业级开发》书籍将深入探讨以上所有知识点,为开发者提供全面的指导,使他们能够在大型项目中熟练运用AJAX技术,提升用户体验,同时保证系统的稳定性和安全性。无论你是初学者还是经验丰富的开发者,都能...

    AJAX实例源文件3

    这个"AJAX实例源文件3"的压缩包显然包含了用于学习和实践AJAX技术的资源,包括源代码和可能的示例项目。以下是关于AJAX的一些关键知识点: 1. **异步通信**:AJAX的核心特性是异步数据传输,它允许后台与服务器交换...

    AJAX实现无刷新用户注册

    AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新,从而提升了用户体验,尤其是在用户注册过程...

    用ajax实现新闻滚动 一个一个滚动

    通过Ajax技术,我们可以实现在不刷新整个页面的情况下,让新闻一条条地平滑滚动,带给用户更加流畅的浏览体验。本文将详细介绍如何运用Ajax来实现这一功能。 【知识点详解】: 1. **Ajax基础**:Ajax...

    jQuery+Ajax+PHP无刷新分页

    AJAX(Asynchronous JavaScript and XML)并非一种单一的技术,而是一种使用一系列技术组合来创建动态、交互式网页的方法。通过Ajax,可以在后台与服务器交换数据并局部更新页面,而无需整个页面刷新。jQuery库提供...

    AjaxOpenDoc

    AjaxOpenDoc是一个与Web开发相关的学习资源,特别关注Ajax技术的应用。Ajax,全称为Asynchronous JavaScript and XML(异步JavaScript和XML),是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它...

    Ajax详解.rar

    本系列的作者是一位 Ajax 专家,他演示了这些技术如何协同工作 —— 从总体概述到细节的讨论 —— 使高效的 Web 开发成为现实。他还揭开了 Ajax 核心概念的神秘面纱,包括 XMLHttpRequest 对象。 五年前,如果不...

    Ajax注册表单演示

    Ajax注册表单是Ajax技术在用户注册过程中的应用,它提高了用户体验,因为用户在填写表单时无需等待页面重载,可以即时看到验证结果。 在"Ajax注册表单演示"中,我们可以学习到以下几个关键知识点: 1. **...

Global site tag (gtag.js) - Google Analytics