行业新闻

当前位置:

25种出色的Ajax技术和示例

浏览量:0

        在当今流行的Java开发中,java工程师遇到的一些问题。比如:Ajax技术根据互联网应用程序。通常与桌面应用程序的响应能力和复杂的用户界面。将应用程序移动到Web浏览器带来了许多可能性,包括保存用户数据,与其他用户连接以进行协作和共享以及使部署和使用应用程序更加容易的能力,因为Web浏览器是大多数计算机的标准发行版,而与操作系统无关。让武汉悟空云互联网小编为您解答Ajax技术和示例。

        我们扩大对Ajax技术和实践的理解,请查看这些整理过的Ajax文章,它们概述了基于Ajax的应用程序开发中涉及的各种方法和概念。尽管大多数人都适合初学者和中级开发人员,但大佬们时间久了可能会发现以前从未遇到过的一两个窍门。

        1. 构建一个简单的RSS阅读器,该阅读器使用Ajax,PHP和MySQL从RSS提要中获取远程XML数据。此示例使用户可以在一页中查看来自多个源的提要内容。在本文的底部,您将找到RSS阅读器的动画演示。

        2. Ajax桌面教程

有关如何创建类似于Pageflake和Netvibes的桌面/主页的分步指南。本段是一些开发基于Web的应用程序时涉及的常见技术,例如操纵文档对象模型(DOM),侦听事件(即某些鼠标移动)以及使用远程数据。
25种出色的Ajax技术和示例

        3. 学习使用异步JavaScript,XML和PHP构建基于Web的简单聊天客户端。本教程的示例使用Prototype JS框架,MySQL和PHP。

        4.使用Ajax和del.icio.us创建您自己的信息空间

本文概述了将Ajax与API服务一起使用的基本基础。它使用了del.icio.us API,但是方法和概念可以适应其他流行的服务,例如Digg或Flickr的服务。对于那些打算创建使用远程XML数据的Web应用程序的人来说,这是必不可少的资源-几个在线示例是popurls和SocialBlade,它们使用可用的API服务从社交媒体网站获取信息。

        5. 了解如何使用Flash和Ajax创建超轻量级图表组件。该示例使您可以使用动态加载的数据生成可视化图形。该解决方案涉及ActionScript,JavaScript通信。

        6.使用AJAX和PHP。了解如何使用Ajax和PHP创建组件。Ajax用于浏览日历月而不刷新页面。

        7.如何使用AJAX将日历集成到您的网站中。如何创建调用公共可用的日历的网页组件。日历使您可以轻松创建,共享和管理事件,并且对于社区网站而言是一项出色的功能。

        8.使用jQuery使用AJAX就地编辑。用户可以编辑当前正在查看的网页的XHTML。该示例是概念验证–演示如何使用jQuery实现此功能。通常,您希望将用户的编辑发送到服务器端代码以执行诸如验证或将更改保存在数据库中的过程。

        9.了解创建评级系统的概念,而不提示用户单击提交按钮或刷新页面。本教程通过包括以下四个JavaScript框架/库的示例(Dojo,jQuery,mootools和Prototype JS)展示了如何以各种方式实现此目的。

        10. 在本教程中,将向您展示如何创建文件上传器。本教程使用JavaScript和PHP。

        11.SitePoint的本教程将引导您逐步开发可异步接受提交的邮件列表表单。它使用MySQL存储用户输入的数据,并使用Prototype JS简化Ajax请求和绑定事件处理程序。

        12.没有验证码的更安全的联系表格
减少公共Web表单中垃圾邮件的一种方法是实施一个系统,以通过使用图像验证码来验证提交者是否是人类。当使用视觉辅助技术的个人参加测试时出现了可访问性问题(因此无法继续进行)。这种简单的技术使用对服务器端脚本的Ajax调用将cookie放置在用户计算机上。

        13.将AJAX与CAPTCHA一起使用
避免使用基于图像的验证码是一个好主意。话虽如此,许多站点仍然喜欢使用此技术来区分人和计算机。如果适合您的情况,您可以使用上述的无障碍访问功能,那么本文概述了一种用于管理CAPTCHA测试的独特方法。向用户显示一系列描述(即动物,服装,男孩),并要求其按顺序单击一组图像。记录并验证点击次数,并返回相应的状态消息。尽管它可能不是CAPTCHA的理想解决方案,但它确实概述了开发响应式用户界面的基本技术–以此为灵感。

        14.创建一个基本的登录表单,以异步验证输入的数据。该示例使用jQuery表单插件和PHP处理请求。

        15.在此示例中,当用户单击“保存”按钮时,显示一个消息框,该消息框在指定的持续时间后消失。这是一个用于向用户提供其请求状态的模型,当用户单击“保存”按钮时,通常应该发生真正的Ajax请求。

        16. AutoCompleter教程教您如何完成输入字段的自动完成。该示例使用jQuery,PHP和MySQL。

        17.Ajax应用程序中的一项关键技术是无需刷新页面即可填充内容。在本教程中,您将见证如何使用PHP和JavaScript(使它变得更容易使用jQuery)完成此操作。

        18.构建一个Ajax下拉菜单。这是一个使用外部数据将内容加载到下拉菜单中的基本示例-来自我们心爱的Webmonkey。尽管该示例使用了一个文本文件,但是在将该技术应用于自己的目的时,您可以使用自己的数据源。

        19. Ajax / PHP Shoutbox教程。使用PHP和JavaScript创建一个由Ajax驱动的喊话盒。本教程将引导您了解创建shoutbox的服务器端和客户端要求,可以将其适应于其他功能(例如评论系统)。

        20.构建选项卡式内容。了解如何使用通过Ajax填充的数据构建带标签的内容组件。本教程使用PHP和Prototype JS。

        21.本分步教程将向您展示如何使用jQuery将数据加载到网页中,以处理Ajax请求和DOM操作。

        常见问题的最佳做法和解决方法

        22.本文讨论了创建基于Ajax的应用程序的概念,该应用程序在未检测到JavaScript时会有效降级,从而提供更高的可访问性和防弹性。完全成功的降级意味着无需依赖JavaScript或CSS,应用程序仍然可以使用并且信息仍然可以访问。

        23.使用会话状态避免不必要的Ajax通信

本文介绍了一种方法,用于最小化不需要的数据库/计算过程,并避免在未发生任何更改的情况下避免进行较大的状态更新。通过使用客户端cookie来跟踪会话的状态,可以减少可能多余的进程。尽管本文提供了一个使用Python编写服务器代码的示例,但是该模型几乎与您使用的任何语言都相同。

        24.更好的Ajax后退按钮解决方案

这是解决有关Ajax加载的内容破坏Web浏览器控件和书签功能的问题的变通办法。该解决方案包括按设定的时间间隔触发功能,以检查#valueURL的内容,然后显示正确的内容。它恢复了对内容添加书签的功能。在本文的第2部分中,您将看到一个有效的示例以及对该方法的其他讨论。

        25.通过Ajax加载内容的最大缺点之一是它无法向依赖于屏幕阅读器的用户指示内容的更新。对于没有视力障碍的人–消息和状态指示器可以是内容正在更改的可视队列;这对视力障碍的用户无效。本文列出了潜在的问题,并提出了使基于Ajax的应用程序与屏幕阅读器一起使用的技术。

        


以上就是作者为您整理的内容。更多讯息请关注武汉悟空云互联网有限公司

[声明]本网整理的媒体稿件是为了分享更多的讯息。此类稿件不代表本网立场,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的某些内容侵犯了您的版权,请把您的相关内容发至此邮箱【wukongclouds@163.com】,我们在确认后,会立即删除,保证您的版权。