Ajax学习笔记(2)

 

还是摘下来的，看过了留个纪念。

 

请求是 HTTP 而非 XML

浏览器和服务器之间的所有 Web 通信都通过 HTTP 进行
XML 选项

在异步应用程序中 XML 有两种基本的用法：

1.以 XML 格式从网页向服务器发送请求
2.以 XML 格式在网页中从服务器接收请求

 

XML 发送请求，需要将请求的格式设置为 XML，可以使用 API 来完成，也可以与文本连成字符串，然后将结果发送到服务器。按照这种思路，主要的任务就是通过既符合 XML 规则又能被服务器理解的方式构造请求。因此这里的关键实际上是 XML 格式，得到需要发送的数据之后，只需要用 XML 语法将其包装起来。

XML 接收请求，需要从服务器上接收响应，然后从 XML 提取数据（同样，可以用 API 或者采用蛮力方法）。
XML 不是一种简洁、快速和节省空间的格式。

 

将名/值对转化成 XML，首先要做的是找到一种基本 XML 格式来存储数据。显然，名/值对可以全部转化成 XML 元素，以其中的名称作为元素名，值作为元素的内容。XML 要求有一个根元素；如果使用文档片段（XML 文档的一部分）的话则需要一个封闭元素。

 

需要两个步骤来保证发送的 XML 的数据能够被正确地接收：

1.保证向其发送 XML 的脚本能够接受 XML 数据格式。
2.保证脚本认可发送数据所采用的特定 XML 格式和结构。

 

建立 XML 之后，按照和发送文本基本相同的方式打开连接。对于 XML 最好使用 POST 请求，因为有些浏览器限制了 GET 请求字符串的长度，而 XML 可能很长。此外，XML 通过 send() 方法发送，而不是附加在请求 URL 最后的参数。这些都是非常细微的区别，很容易修改。

用它

xmlHttp.setRequestHeader("Content-Type", "text/xml");
 
告诉服务器要发送的是 XML 而不是一般的名/值对。如果使用名/值对，对应的行应该是：

xmlHttp.setRequestHeader("Content-Type", "text/plain");

使用 JSON 进行数据传输

 

在异步应用程序中发送和接收信息时，可以选择以纯文本和 XML 作为数据格式。也可以用 Ajax 的另一种有用的数据格式 JavaScript Object Notation（JSON）轻松地在应用程序中移动数据和对象。
 
在使用名称/值对或 XML 时，实际上是使用 JavaScript 从应用程序中取得数据并将数据转换成另一种数据格式。在这些情况下，JavaScript 在很大程度上作为一种数据操纵语言，用来移动和操纵来自 Web 表单的数据，并将数据转换为一种适合发送给服务器端程序的格式。

 

JSON 基础

简单地说，JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串，然后就可以在函数之间轻松地传递这个字符串，或者在异步应用程序中将字符串从 Web 客户机传递给服务器端程序。

按照最简单的形式，可以用下面这样的 JSON 表示名称/值对：

{ "firstName": "Brett" }
 
值的数组

当需要表示一组值时，JSON 不但能够提高可读性，而且可以减少复杂性。
{ "programmers": [
  { "firstName": "Brett", "lastName":"McLaughlin", "email": "brett@newInstance.com " },
  { "firstName": "Jason", "lastName":"Hunter", "email": "jason@servlets.com " },
  { "firstName": "Elliotte", "lastName":"Harold", "email": "elharo@macfaq.com " }
 ],
"authors": [
  { "firstName": "Isaac", "lastName": "Asimov", "genre": "science fiction" },
  { "firstName": "Tad", "lastName": "Williams", "genre": "fantasy" },
  { "firstName": "Frank", "lastName": "Peretti", "genre": "christian fiction" }
 ],
"musicians": [
  { "firstName": "Eric", "lastName": "Clapton", "instrument": "guitar" },
  { "firstName": "Sergei", "lastName": "Rachmaninoff", "instrument": "piano" }
 ]
}

在 JavaScript 中使用 JSON

JSON 是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。

将 JSON 数据赋值给变量

例如，可以创建一个新的 JavaScript 变量，然后将 JSON 格式的数据字符串直接赋值给它：

var people =
  { "programmers": [
    { "firstName": "Brett", "lastName":"McLaughlin", "email": "brett@newInstance.com " },
    { "firstName": "Jason", "lastName":"Hunter", "email": "jason@servlets.com " },
    { "firstName": "Elliotte", "lastName":"Harold", "email": "elharo@macfaq.com " }
   ],
  "authors": [
    { "firstName": "Isaac", "lastName": "Asimov", "genre": "science fiction" },
    { "firstName": "Tad", "lastName": "Williams", "genre": "fantasy" },
    { "firstName": "Frank", "lastName": "Peretti", "genre": "christian fiction" }
   ],
  "musicians": [
    { "firstName": "Eric", "lastName": "Clapton", "instrument": "guitar" },
    { "firstName": "Sergei", "lastName": "Rachmaninoff", "instrument": "piano" }
   ]
  }
 
访问数据
以用点号和括号访问数据，也可以按照同样的方式轻松地修改数据：
people.programmers[0].lastName;
注意，数组索引是从零开始的。

 

修改 JSON 数据

people.musicians[1].lastName = "Rachmaninov";
 
 转换回字符串

将对象转换回文本格式。

String newJSONtext = people.toJSONString();

可以将任何 JavaScript 对象转换为 JSON 文本。并非只能处理原来用 JSON 字符串赋值的变量。为了对名为 myObject 的对象进行转换，只需执行相同形式的命令：

String myObjectInJSON = myObject.toJSONString();

如果使用 JSON，只需调用一个简单的函数，就可以获得经过格式化的数据，可以直接使用了。对于其他数据格式，需要在原始数据和格式化数据之间进行转换。即使使用 Document Object Model 这样的 API（提供了将自己的数据结构转换为文本的函数），也需要学习这个 API 并使用 API 的对象，而不是使用原生的 JavaScript 对象和语法。

 

通过 GET 以名称/值对发送 JSON

 

将 JSON 数据发给服务器的最简单方法是将其转换成文本，然后以名称/值对的值的方式进行发送。请务必注意，JSON 格式的数据是相当长的一个对象。

escape()函数可以处理空格、斜线和其他任何可能影响浏览器的内容，并将它们转换成 Web 可用字符（比如，空格会被转换成 %20，浏览器并不会将其视为空格处理，而是不做更改，将其直接传递到服务器）。之后，服务器会（通常自动）再把它们转换回它们传输后的本来 “面目”。
var url = "organizePeople.jsp?people=" + escape(people.toJSONString());

request.open("GET", url, true);
request.onreadystatechange = updatePage;
request.send(null);

这种做法的缺点有两个：

在使用 GET 请求发送大块数据时，对 URL 字符串有长度限制。虽然这个限制很宽泛，但对象的 JSON 字符串表示的长度可能超出您的想象，尤其是在使用极其复杂的对象时更是如此。
在跨网络以纯文本发送所有数据的时候，发送数据面临的不安全性超出了您的处理能力。
 
 利用 POST 请求发送 JSON 数据
 
 若要处理任何机密或极长的内容，可以使用 POST 请求。
var url = "organizePeople.jsp?timeStamp=" + new Date().getTime();

 request.open("POST", url, true);
request.onreadystatechange = updatePage;
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
request.send(people.toJSONString());

URL 的末尾追加了时间。这就确保了请求不会在它第一次被发送后即缓存，而是会在此方法每次被调用后重新创建和重发；此 URL 会由于时间戳的不同而稍微有些不同。这种技巧常被用于确保到脚本的 POST 每次都会实际生成新请求且 Web 服务器不会尝试缓存来自服务器的响应。

 

 在服务器上解释 JSON
 
 处理 JSON 的两步骤

不管在服务器端使用何种语言，在服务器端处理 JSON 基本上就需要两个步骤。

针对编写服务器端程序所用的语言，找到相应的 JSON 解析器/工具箱/帮助器 API。
使用 JSON 解析器/工具箱/帮助器 API 取得来自客户机的请求数据并将数据转变成脚本能理解的东西。

 

多看看，记住，基础，以后用。