javascript 进阶篇3 Ajax 、JSON、 Prototype介绍

知识点一：Ajax技术介绍 Ajax技术，全称为“Asynchronous JavaScript and XML”，是一种在无需重新加载整个页面的情况下，能够更新部分网页的技术。Ajax的核心是XMLHttpRequest对象，它允许浏览器向服务器发送异步请求，并处理响应，从而实现在不刷新页面的情况下与服务器进行数据交换。 知识点二：Ajax的技术组成 Ajax并不是一项单一的技术，而是由以下技术组成： 1. HTML或XHTML和CSS用于页面展示。 2. 使用Document Object Model（DOM）进行动态显示及交互。 3. 使用XMLHttpRequest对象进行异步数据交换。 4. 使用JavaScript绑定和更新数据。 知识点三：XMLHttpRequest对象 XMLHttpRequest对象是一个重要的组成部分，它是浏览器提供的一个API，用于在后台与服务器交换数据。XMLHttpRequest对象可以用来： 1. 发起请求，获取服务器上的数据。 2. 发送请求到服务器，并在得到响应时处理这些数据。 3. 不影响当前页面的行为，用户可以继续操作页面。 知识点四：XMLHttpRequest对象的创建 创建XMLHttpRequest对象的方法取决于浏览器。在IE浏览器中，使用ActiveX控件创建，而在Firefox、Opera等非IE浏览器中，则通过JavaScript内置对象创建。创建过程一般需要考虑浏览器的兼容性，并进行相应的错误处理。 知识点五：XMLHttpRequest对象的属性和方法 1. readyState属性：表示请求的状态，取值从0到4分别代表不同的状态。 2. responseText属性：获取响应的数据内容。 3. responseXML属性：获取响应的XML格式数据。 4. status属性：获取HTTP请求的状态码。 5. statusText属性：获取HTTP请求的状态描述。 6. onreadystatechange事件：当readyState属性改变时触发。 7. abort()方法：停止当前的HTTP请求。 8. open()方法：初始化一个新的请求。 9. send()方法：发送请求到服务器。 10. setRequestHeader()方法：设置请求头信息。 11. getResponseHeader()方法：获取响应头信息。 12. getAllResponseHeaders()方法：获取所有的响应头信息。 知识点六：Ajax的特点与优势 Ajax技术最大的特点就是能够实现异步请求，允许页面在等待服务器响应的过程中继续响应用户的操作。这种模式提升了用户体验，因为它减少了页面刷新的次数，并缩短了等待时间，使得网站操作更加流畅。 知识点七：JSON概念 JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它基于JavaScript的一个子集。JSON易于人阅读和编写，同时也易于机器解析和生成。在Ajax中，经常使用JSON格式的数据进行前后端的数据交换。 知识点八：Prototype概念 Prototype通常指的是JavaScript的一个库，它用于简化那些经常使用的JavaScript编程模式，包括Ajax交互。Prototype库封装了许多方便的函数，简化了DOM操作，事件处理，以及Ajax请求的实现。通过使用Prototype，开发者可以更加简洁高效地编写JavaScript代码。