Head First Ajax 读书笔记

Reading Notes

总的来说,延续了一贯的HeadFirst风格,文章诙谐幽默,不适令人忍俊不禁,难得一见的好书。

AJAX ( Asynchronous JacaScript and XML )

核心是XHR对象,以异步方式从服务器获取信息

工具函数-创建请求对象(uils.js)

DRY原则

1
2
3
4
5
6
7
8
9
10
11
function (){
try{
request = new XMLHttpRequest(); 兼容大多数非IE浏览器
} catch (tryMS) {
request = new ActiveXObject("Msxm12.XMLHTTP"); 兼容IE7以前的版本
} catch (OtherMS) {
request = new ActiveObject("Microsoft.XMLHTTP");兼容IE7以前的版本
} catch (faild) {
request = null
}
}

XHR用法

1
2
3
4
5
6
7
8
request.open("get",url,false); 调用请求
request.send(null); 发送请求
request.responseTest;
request.responseXML;

request.status; 1234
request.readyState; HTTP状态码
request.onreadyStateChange; 回调函数

XML && JSON (还有罕见的CSV)

XML (Extensive Markup Language)
创建无类型的XML-DOM树
JSON(JavaScript Standard Object Notation)
对JavaScript友好,速度快,轻量级数据格式。创建标准的JS对象。

表单验证

正则表达式

更详尽内容参考《精通正则表达式》

GET && POST

GET 常用于查询信息。直接将数据追加到URL末尾,但必须经过正确的编码”encodeURIComponent()”。

1
2
3
4
5
function addURLparam(url,name,value){
url += (url.indexOf("?")) == -1 ? "?" : "&" ); 问号是否存在
url += encodeURIComponent(name) + "=" + encodeURIComponent(value);
return url;
}

POST 常用于应被保存的数据。加密,在浏览器中编码,并在服务器上解码。传递到Request.send()之中。消耗资源比GET多。
额外添加Content-Type属性名/值对时使用“application/x-www-form-urlencoded”

等详尽内容参考JS红宝书
后记:适合入门,循序渐进。提供的相关的例子很经典,值得揣摩。