`
morris
  • 浏览: 179107 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

寻找 Ajax 力量的平衡点

阅读更多
   Ajax 使 Web 创新成为可能,但同时增加了违背用户意愿的可能性。请记住,在向站点添加 Ajax 的同时,您也必须为用户修复它导致的任何问题。

渐进式增强 是一个 Web 开发战略,它能确保所有的内容和功能可用于所有的浏览器,但是也支持更加先进的 Web 浏览器利用 JavaScript 编程和 Ajax 创造更好的用户体验。为了帮助确保应用程序的设计能提供最好的体验,最好遵守渐进式增强的黄金法则:首先不用任何 JavaScript 代码开发,然后在站点开始运行后添加 JavaScript 代码。从根本上说,您构建一个基本的 Web 站点,让实际链接和表单都指向真实的 URL。然后,使用 JavaScript 编程和 Ajax 更改这些链接和表单的功能。

例如,假设您希望有一个评论表单能够使用 Ajax 提交评论,并能更新页面以在合适的位置显示评论,所有过程都不需要刷新页面。首先,像往常一样构建评论表单,不使用任何 JavaScript 代码,保证它能正常运行。接下来,向表单添加一个 JavaScript onsubmit 事件。表单提交时,使用 Ajax 将评论保存到服务器,使用 DOM 脚本更新页面。这样一来,对于不支持 JavaScript 语言的 Web 浏览器表单也能运行良好,对于更先进的 Web 浏览器将会运行的更好。

有些 Web 站点完全使用 JavaScript 代码和 Ajax 构建,我建议在任何情况下都应该避免这样做。构建这样的站点意味着将一部分潜在的网络人群排除在外,而且不仅仅是选择禁用 JavaScript 语言支持的用户。同时被排除在外的还有搜索引擎,以及在 Web 上进行搜索的人。此外,使用未经测试的设备和浏览器访问站点内容的潜在用户也被排除在外。请记住,对于纯 JavaScript 站点,最微小的 JavaScript 错误也会导致整个站点的损坏。如果有非 JavaScript 站点的支持,就可以确保不会阻挡任何潜在用户(和潜在客户!)访问您的内容。

總之,Ajax 彻底颠覆了开发人员构建 Web 应用程序的方式,其结果可好可坏。重点在于要确保选择在应用程序中包含的 Ajax 增强能提高用户体验。尽可能避免出现令人混淆的、不可预计的,以及让人失望的情形。对于许多开发人员,这些决策可能关系着公司的成败。
分享到:
评论
8 楼 xml 2008-04-08  
apoclast 写道
morris 写道
其實什麽事物都存在兩面性 用的好的話可以帶來莫大的好處 用的不好的話可以帶來災難性的後果

确实如此,但是建设强壮的javascript应用仍然不可回避,对js出错的情况要充分考虑,但是js本身也要做到万无一失,我指的是要求的标准上


js不像一般服务器端的OO语言,有着温馨的IDE温床,和通俗易懂的设计模式,所以良好的调试方法和测试机制,能够对构建良好应用起到非常重要的作用。
7 楼 apoclast 2008-04-02  
morris 写道
其實什麽事物都存在兩面性 用的好的話可以帶來莫大的好處 用的不好的話可以帶來災難性的後果

确实如此,但是建设强壮的javascript应用仍然不可回避,对js出错的情况要充分考虑,但是js本身也要做到万无一失,我指的是要求的标准上
6 楼 morris 2008-04-02  
其實什麽事物都存在兩面性 用的好的話可以帶來莫大的好處 用的不好的話可以帶來災難性的後果
5 楼 dboylx 2008-03-28  
AJAX往往业务粒度太细,如果一开始全部采用AJAX的架构设计,会给工作流的引入带来麻烦。
4 楼 oec2003 2008-03-28  
ajax好用,但不能滥用
3 楼 apoclast 2008-03-27  
我的站点就是全javascript构建,但作为一个程序员我认为应该保证自己的代码可靠,能够经受考验,任何差错都是不允许的,不给自己留后路
2 楼 morris 2008-03-27  
的確是這樣  這樣還可以節約不少時間
1 楼 williamou 2008-03-27  
"渐进式增强 是一个 Web 开发战略"

这个观点不错 ,
如果项目进度允许的话,应该是先开发一个非ajax的初步版本,
然后再进行采用ajax进行优化。。

但ajax的开发遇到问题,起码都有一个可用的版本

相关推荐

    AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX

    AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX

    Ajax知识点总结

    Ajax由html、javascript技术、dhtml和DOM组成这个方法可以将web界面转化成交互性的ajax应用程序

    Ajax中文手册 API

    很不错的Ajax开发草考文档,方便快捷1. AJAX介绍AJAX是一种运用JavaScript和可扩展标记语言(XML),在网络浏览器和服务器之间传送或接受数据的技术。2. AJAX实例AJAX可以用来创建更多交互式的网络应用程序。3. AJAX源...

    ajax ajax原理 ajax代码 ajax编程 ajax学习

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

    ajax代码 ajax代码

    以下是对这些关键知识点的详细阐述: 1. **JavaScript**:作为Ajax的基础,JavaScript用于创建和执行异步请求。它处理用户的交互,当用户触发某个事件(如点击按钮)时,JavaScript会启动Ajax请求。 2. **...

    表格制作软件中实现ajax跨域异步单点登录的方法

    本文将详细介绍在FineReport表格制作软件中,如何通过ajax技术实现跨域异步单点登录的方法。 首先,我们需要了解单点登录的基本概念。单点登录是指用户只需要进行一次身份认证,便可以访问多个应用系统,无需重复...

    AjaxRequest(Ajax使用包)

    **AjaxRequest(Ajax使用包)** Ajax,全称Asynchronous JavaScript and XML(异步JavaScript和XML),是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。AjaxRequest是实现Ajax功能的一个工具包,它...

    自己用的简单封装AJAX类

    **描述解读:** 描述中提到,作者在寻找现成的AJAX类时觉得使用不便,因此决定自己动手封装。"简单封装,使用简单"意味着这个AJAX类设计的目标是易于理解和应用,可能减少了复杂的配置选项,更注重易用性。 **标签...

    深入浅出Ajax(Head Rush Ajax) 源码 书中代码

    根据描述,这本书分为七章,每章可能涵盖以下关键知识点: 1. **第一章:初识Ajax** - Ajax的历史和概念 - Ajax工作原理的简要介绍 - 浏览器与服务器间通信的基础知识 2. **第二章:创建第一个Ajax请求** - ...

    Ajax 基础知识点汇总(代码+知识点+xmind思维导图)

    Ajax,全称Asynchronous JavaScript and XML,是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新。这一技术的核心在于JavaScript,XML则...

    Ajax从入门到精通.pdf

    Ajax从入门到精通.pdf 本书籍旨在深入浅出地介绍 Ajax 技术,从基础知识到高级应用,全面覆盖 Ajax 的核心概念、技术原理、实现方法和实践应用。书籍的主要内容包括: 1. Ajax 概述:本书首先介绍了 Ajax 的概念、...

    Ajax(Ajax使用js包)

    使用Ajax实现从服务器读取数据,包括Ajax实现的详细步骤

    ajax 基础教程源代码

    ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础...

    ajax调用xml ajax调用html

    ajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用...

    jquery+ajax例子

    在IT行业中,jQuery和Ajax是两个非常重要的技术,它们在构建动态、交互性强的Web应用程序时发挥着关键作用。jQuery是一个高效、简洁的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。Ajax...

    ajax教程

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

    Java Ajax分页,jsp ajax分页

    Java AJAX(Asynchronous JavaScript and XML)分页与JSP(JavaServer Pages)相结合,可以提供无需刷新整个页面即可动态加载更多内容的能力,提高用户体验。本教程将深入探讨如何使用AJAX、JavaScript以及MySQL...

    Professional Ajax, 2nd Edition.pdf

    《Professional Ajax, 2nd Edition》是一本深入探讨Ajax技术的专业书籍,由三位作者Nicholas C. Zakas、Jeremy McPeak和Joe Fawcett共同撰写。本书在2007年由Wiley Publishing, Inc.出版,是针对网站开发、设计以及...

    php+ajax例子

    标题中的“php+ajax例子”指的是使用PHP服务器端语言与AJAX(Asynchronous JavaScript and XML)客户端技术结合的示例应用。在Web开发中,PHP通常用于处理服务器端逻辑,而AJAX则允许网页在不刷新整个页面的情况下,...

Global site tag (gtag.js) - Google Analytics