Ajax ------on the way

---

ajax 全称：Asynchronous JavaScript and XML

作用：实现页面的无刷新获取数据
减少宽带的占用等等
优势：不需要插件的支持
优秀的用户体验感
提高web程序的性能
减轻了服务器和宽带的负担
不足：浏览器对于XMLHttpRequest对象的支持力度还不足
破坏了浏览器的前进和后退的功能
开发以及测试的工具的缺乏
对于搜索引擎的支持不足
（以上的优势以及不足来源于：《锋利的JQuery 2-rd》）

---

Ajax的核心对象：XMLHttpRequest对象
该对象的作用：发送异步请求 ，接受响应， 执行回调函数

---

下面写一个Ajax的basic example：    function Ajax(){        var xml = null;        if( window.ActiveXObject ){            xml = new ActiveXObject("Microsoft.XMLHTTP");    }else if( window.XMLHttpRequest ){        xml = new XMLHttpRequest();    }    xml.open( "method", "url", "true or  false" );    xml.onreaystatechange = RequestCallBack;    xml.send();    function RequestCallBack(){        if( xml.readyState == 4 ){            if(  xml.Status == 200){                xml.responseText.....                do something......            }        }    // Ps:上述open()中的true 与 false        分别代表着：该什么样的方式发送请求        true：异步  false:同步

状态图：readystatus          描述  0     (未初始化)还没有调用open()方法  1     (载入)一调用send()方法,怎在发送请求  2     (载入完成)send()方法完成,已收到全部响应内容  3     (解析)正在解析响应内容  4     (完成)响应内容解析完成,可以客户调用了

---

在JQuery中Ajax设计到
.ajax().get,.post().getScript() $.getJSON

使用结构：
.get .post()
(“url”, “data”, “callback”, “type”)
后面三个数据是：“可选的”。

.getScript()和.getJSON
(“url”, “callback”)

$.ajax
（options）—有10个可选的函数

---

体会：就我个人而言，自己把《锋利的JQuery 》2-rd上的案例都敲了一遍，熟练的掌握ajax基本原理以及代码的敲打，对于原生的Javascript的ajax中的open，send，我也有尝试过，懂得callback的回调数据格式的选择以及有关于JSON和对象字面量的区别。我想这几天的收获大止于此。不知道在未来ajax的学习道路上是否会有更深的理解与见识。

---

鉴于上述所说的JSON和对象字面的区别 那我在这里就记录一下
JSON的数据格式与对象的字面量的形式及其相同
例如： username ： “HankWang”
对于JSON数据格式来说：
键名与键值都必须被双引号包围
即：“username” ： “HankWang”
对于对象字面量来说：
键值要被双引号包围（数字不算），键名无所谓
即： username ： “HankWang”
“username” : “HankWang”

末尾分号：
JSON不加上末尾分号
对象字面量要加上末尾分号

JSON的键值可以简单型的 也可以是复杂型的，
所以JSON中数据可以有两个同名的属性，但是他们属于两个不同的对象，但是同一个对象中绝对不可以有两个同名的属性