`
zhoujinxiong
  • 浏览: 25908 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类

25个优秀的Ajax技术和实例

阅读更多
1.Ajax RSS reader

一个简单的RSS reader,读取远程xml数据基于AJAX,PHP,MYSQL的RSS源,
这个例子允许用户在一个网页中查看多种源内容


2.Ajax 桌面

该指南是一个手把手教程,通过它你可以创建一个类似
PageFlagePageFlage 和
Netvibes的桌面/网页。这个指南的目的是展示一些基于web应用程序的技巧,这些技巧也是比较常用的,比如操纵DOM,事件监听,读取远程数据.
Ajax Desktop demo


3.AJAX for chat
使用异步JS,XML,PHP创建一个简单的基于web的聊天客户端


4.使用AJAX和del.icio.us创建自己的信息空间
使用del.icic.us API,但是方法和思想可以适用与其他流行的服务,如:DIGGFlickr


5.AJAX超轻量级图表

使用动态读取数据允许用户创建虚拟的图形(falsh with ajax)。
该方案涉及到js脚本交互,和setData和setStyle方法


6.使用ajax和PHP创建日历

使用ajax和PHP创建一个日历组件,月份转换无须刷新页面
Quick Calendar demo


7.如何在你的网站中使用ajax整合google日历

该指南展示了如何在一个网页里创建一个调用一个公共的Google日历
AJAX calendar demo


8.Edit-in-Place with jQuery


Edit In Place demo 1
Edit In Place demo 2


9.创建一个AJAX星级评定构件


评定系统,无须点击按钮或者刷新页面(那通过什么??点击文章的链接???)
使用js框架/库:DOJO,JQUERY,mootools,Prototype JS


10.使用AJAX上传文件

AJAX File Uploader demo


11.使用AJAX,PHP创建mailing列表

使用MYSQL储存用户输入的数据,Prototype JS 用于简化AJAX请求和绑定时间处理


12.安全的联系人表单

Safer Form demo


13. Ajax with CAPTCHA



14.基于AJAX的登陆表单

异步验证输入的数据,使用jQuery form plugin和PHP处理请求
Ajax-based login form demo


15. AJAX效果(for message box)

在该效果图中,用户点击save按钮,提示框颜色将逐渐消退
Nice Ajax Effects for messages box demo


16. 文字自动提示

类似google的效果
AutoCompleter tutorial demo


17.自动填充选择框

使用jQuery&AJAX,无须刷新页面,自动填充内容
Auto-populating Select Boxes demo


18.ajax下拉菜单
Ajax Dropdown Menu demo


19.Ajax/PHP Shoutbox

AJAX Shoutbox demo


20. 选项卡

通过ajax填充数据, 使用PHP和Prototype JS
Building Tabbed Content demo


21.Load In and Animate Content


展示如何读取数据到一个页面,使用jQuery处理Ajax请求和处理DOM
Load In and Animate Content demo


22. The Hows and Whys of Degradable Ajax

Degradable Ajax demo


23.使用避免多余的Ajax交互
使用该方法,可以在数据没有更新的情况下,尽量减少不必要的数据库状态的改变和计算过程。


24.更好的AJAX Back Button Solution
A Better Ajax Back Button demo


25.Making Ajax Work with Screen Readers
分享到:
评论

相关推荐

    ajax技术 实例大全

    check.rar 第3章 第一个Ajax实例 pageinfo.rar 第9章 鼠标信息提示 suggest.rar 第10章 文本框输入提示 relatechg.rar 第11章 下拉列表自动关联 checkname.rar 第12章 自动检查用户名 savepad.rar 第13章 ...

    ajax实例实例实例

    用户在浏览器端可以通过JavaScript实现拖动表头,同时利用Ajax技术在后台更新数据,而无需刷新整个页面。这样的设计大大提高了应用的性能和用户友好性。在实际开发中,类似的技术可以应用于各种需要动态更新和交互的...

    Ajax技术论文实例

    ### Ajax技术论文实例知识点解析 #### 一、网络营销与Ajax技术概述 - **网络营销的核心思想**:通过互联网手段更好地实现网络营销的各项职能,如增加企业销售、提升品牌价值、提高整体竞争力等,以此来营造一个...

    《AJAX编程技术与实例》

    综上所述,《AJAX编程技术与实例》这本书很可能是涵盖了这些AJAX的基础知识,包括如何创建和使用XMLHttpRequest对象,处理响应数据,以及如何在实际项目中应用AJAX来提升网页交互性。如果你正在学习AJAX,这本书会是...

    Ajax下拉框实例,Ajax小实例

    这个"Ajax下拉框实例"是Ajax技术在实际应用中的一个常见示例,主要用于提升用户界面的交互性和响应速度。 在网页中,下拉框(Dropdown List)常用于提供多项选择,而结合Ajax,下拉框可以实现动态加载数据,提高...

    ajax+json实例

    在现代Web开发中,AJAX(Asynchronous JavaScript and XML)技术已经成为提升用户体验的重要工具,它允许网页在不刷新整个页面的情况下与服务器进行数据交互。结合JSON(JavaScript Object Notation)作为数据交换...

    Ajax编程技术与实例

    总结,Ajax技术改变了Web开发的方式,通过异步通信增强了网页的交互性和实时性。理解和掌握Ajax,对于提升Web应用的性能和用户体验至关重要。在实际开发中,我们需要根据项目需求选择合适的工具和技术,充分利用Ajax...

    Ajax 操作实例 ASP.NET实例

    总结起来,这个"Ajax结合GridView、UpdatePanel的ASP.NET操作实例"展示了如何利用Ajax技术改进ASP.NET页面的性能和用户体验。通过UpdatePanel,我们能够在不刷新整个页面的情况下更新GridView,而通过Ajax控件工具箱...

    ajax登录验证实例

    在Web开发中,Ajax(Asynchronous JavaScript and XML)技术被广泛用于实现页面的无刷新更新,提高用户体验。...通过实践这个实例,初学者可以更好地理解和掌握Ajax的工作原理及其在实际项目中的应用。

    PHP+Ajax网站开发典型实例-源代码

    实例25 分页显示信息 实例26 使用PHP简单实现BBS程序 实例27 使用0DBC函数库完成数据库操作 实例28 使用DOM处理XML 第4章 会话实例 实例29 创建会话 实例30 使用数据库保存会话 实例31 使用文件统计在线人数 实例32 ...

    Jquery Ajax分页(有实例)

    jQuery,一个轻量级、功能丰富的JavaScript库,结合AJAX(异步JavaScript和XML)技术,可以实现动态、高效的分页效果。本篇文章将深入探讨jQuery AJAX分页的原理与实践,通过具体的实例来展示如何实现炫酷的分页功能...

    Ajax编程技术与实例(光盘)_Chap06

    《Ajax编程技术与实例》人民邮电出版社出版 随书光盘资料。里面有:1、诸多小实例,融合作者近一年来年的网络开发经验;2、6大综合实例,不仅分析Ajax开发技术的精髓,还提供详细的实现步骤;3、多个角度出发,既...

    ajax无刷新实例,无刷新分页,带数据库源文件

    【标题】中的“ajax无刷新实例,无刷新分页”主要涉及的是Web开发中的Ajax技术,这是一...这个实例对于学习和提升ASP和Ajax技术,特别是想要了解如何在实际项目中实现无刷新分页的开发者来说,是非常有价值的参考资料。

    asp.net ajax一个实例

    总的来说,通过学习这个ASP.NET AJAX实例,你可以了解如何使用UpdatePanel、ScriptManager和其他相关控件来创建动态、响应式的Web界面,提升用户的交互体验。同时,你也将掌握如何在服务器端处理异步请求,并将结果...

    asp.net ajax简单应用实例

    总结一下,这个"asp.net ajax简单应用实例"展示了如何使用ASP.NET AJAX技术来提升用户体验,通过异步更新页面的部分内容,减少了不必要的页面刷新。用户在下拉框选择时,服务器端代码运行并返回新的Label值,这一切...

    Ajax2.0全新实例+代码

    在这个"Ajax2.0全新实例+代码"的压缩包中,包含的是针对 AjaxControlToolkit 的最新、最全面的实例,这个工具包为 ASP.NET 开发人员提供了丰富的 UI 控件和组件,帮助他们更方便地利用 Ajax 技术。 ...

    Ajax实例 Ajax实例

    Ajax(Asynchronous JavaScript and XML)是一种...综上所述,Ajax技术是网页动态更新和异步交互的关键,它极大地提升了用户体验。通过学习和实践这些Ajax实例,你可以更好地掌握如何在Web应用中实现无刷新的数据交换。

    Ajax网站开发典型实例JSP源码包

    在这个实例中,可能包含了一系列使用Ajax调用JSP页面的例子。例如,用户在前端填写表单后,可以使用Ajax异步提交数据到JSP,JSP处理数据后再通过Ajax响应返回结果。这样可以避免页面的刷新,提高交互性。 4. **...

    购物车和AJAX局部刷新两个实例源码

    在这个"购物车和AJAX局部刷新两个实例源码"中,开发者可能使用了以下技术栈: 1. HTML:构建页面结构。 2. CSS:用于样式设计,使页面美观。 3. JavaScript:实现AJAX功能,与后端进行数据交互,处理用户的购物车...

    《Ajax应用开发典型实例》

    本书主要通过多个Ajax技术制作的实例,向读者逐步深入地介绍使用Aiax技术建设Web 2.0网站的方法、技巧和详细步骤。全书共分为13章,由浅入深、循序渐进地介绍基于Ajax组合查实例、调查程序文例、天气预报实例、会员...

Global site tag (gtag.js) - Google Analytics