ajax基础

1、ajax的优点
(1)改善用户的体验:
不打断用户的操作，页面无刷新。
(2)提升程序的性能：
按照需要获取数据(不再需要返回一个完整的新的
页面，只需要返回部分的数据)。
(3)标准化的技术：
不需要下载任何的插件(有些类似ajax的技术，比如
Flex,是需要下载插件的)。
2、json (javascript object notation)
(1)json是什么?
是一种轻量级的数据交换标准。
1)数据交换
将数据转换成一种与平台无关的数据格式并传递
给接收方。
比如：服务器端有一个order对象，要发送给
浏览器，可以将order对象表示的数据转换成一个
xml文档然后发送给浏览器，在浏览器端，再去
解析这个xml文档，就可以获得order信息。
<order>
<name>order001</name>
<price>100</price>
....
</order>
也可以将order对象表示的数据转换成一个
json字符串
{'name':'order001','price':100,....}然后
发送给浏览器，在浏览器端，可以很方便地将这个
json字符串转换成一个js对象，然后获得order信息。
2)轻量级 
相对于xml作为数据交换标准，json所需要的
文档大小更小，解析的速度更快。
(2)json的语法 www.json.org
1)表示一个对象
{属性名称1:属性值1,属性名称2:属性值2...}
注意：
a,属性名称要用引号(单引号或者双引号)括起来。
b,属性值可以是
number,string,boolean(true/false),
null,object
c,如果属性值是string,要用引号括起来。
2)表示一个对象组成的数组
[{},{},{}...]
(3)使用json编写ajax应用程序
1) java对象转换成json字符串。
或者java对象组成的集合转换成json字符串。
使用json提供的官方的工具
JSONObject,JSONArray
2)json字符串转换成javascript对象
使用一些js框架提供的函数，比如
prototype提供的evalJSON函数。

prototype.js提供了很多有用的函数，比如:
$(id): document.getElementById(id)
$F(id): $(id).value
$(id1,id2,id3....): 分别查找id为id1,id2,id3...
的节点，然后返回一个由这些节点组成的数组。
strip(): 除掉字符串两端的空格。
evalJSON():将json字符串转换成相应的js
对象或者js对象组成的数组。

练习：
参见tts6第二天 经典案例“热卖商品动态显示"。

3、发送同步请求
(1)什么是同步请求
当ajax对象向服务器发请求时，浏览器会锁定
当前页面，用户不能对当前页面做其它的操作。
(2)如何发送同步请求
open(请求方式，请求地址，false);

练习：
验证码不能为空，并且验证码必须正确，才
能提交表单。