AJAX 技术

 

 一 .  Ajax 应用程序所用到的基本技术

                    

• HTML 用于建立 Web 表单并确定应用程序其他部分使用的字段。
• JavaScript 代码是运行 Ajax 应用程序的核心代码，帮助改进与服务器应用程序的通信。
• DHTML 或 Dynamic HTML，用于动态更新表单。我们将使用 div、span 和其他动态 HTML 元素来标记 HTML。
• 文档对象模型 DOM 用于（通过 JavaScript 代码）处理 HTML 结构和（某些情况下）服务器返回的 XML。

•  

   

  二 .  Ajax 应用程序中基本都雷同的流程：

  1. 从 Web 表单中获取需要的数据。
  2. 建立要连接的 URL。
  3. 打开到服务器的连接。
  4. 设置服务器在完成后要运行的函数。
  5. 发送请求。 
  6. 处理服务器响应

  三 .   XMLHttpRequest 简介

              

• open()：建立到服务器的新请求。
• send()：向服务器发送请求。
• abort()：退出当前请求。
• readyState：提供当前 HTML 的就绪状态。
• responseText：服务器返回的请求响应文本。

•  

                 创建 XMLHttpRequest 对象：

  1. 创建一个新变量 request 并赋值 false。使用 false 作为判断条件，它表示还没有创建 XMLHttpRequest 对象。
  2. 增加 try/catch 块：
  3. 尝试创建 XMLHttpRequest 对象。
  4. 如果失败（catch (trymicrosoft)）：
     1. 尝试使用较新版本的 Microsoft 浏览器创建 Microsoft 兼容的对象（Msxml2.XMLHTTP）。
     2. 如果失败（catch (othermicrosoft)）尝试使用较老版本的 Microsoft 浏览器创建 Microsoft 兼容的对象（Microsoft.XMLHTTP）。
  5. 如果失败（catch (failed)）则保证 request 的值仍然为 false。
  6. 检查 request 是否仍然为 false（如果一切顺利就不会是 false）。
  7. 如果出现问题（request 是 false）则使用 JavaScript 警告通知用户出现了问题。

                  静态与动态    不放到方法或函数体中的 JavaScript 代码称为静态 JavaScript 

                  我建议编写静态的代码，让用户尽可能早地发现问题

   

• 如果您可以考虑各种就绪状态 —— 并且理解了这些就绪状态在不同浏览器之间的区别 —— 就可以快速调试应用程序了。您甚至可以基于就绪状态而开发一些创造性的功能，并向用户和客户回报请求的状态。
• 如果您要对状态代码进行控制，就可以设置应用程序来处理脚本错误、非预期的响应以及边缘情况。结果是应用程序在所有的时间都可以正常工作，而不仅仅是只能一切都正常的情况下才能运行。
• 增加这种生成 HEAD 请求的能力，检查某个 URL 是否存在，以及确认某个文件是否被修改过，这样就可以确保用户可以获得有效的页面，用户所看到的信息都是最新的，（最重要的是）让他们惊讶这个应用程序是如何健壮和通用。

•