传智播客Ajax视频后集视频随笔
===============下骗Ajax
================
十一、第十一课 ===》 使用XHR对象发送和接受数据
a.继续上面步骤
2)注册回调函数,只写函数名称(如果加了括号，那么就把函数返回值注册给回调函数)
xmlHttp.onreadystatechange = callback;
3)设置连接信息
//第一参数是Http请求方式，一般选择get、post
//第二参数是url地址
//第三个参数表示异步还是同步，true表示异步
xmlHttp.open("GET", "ajaxserver?name="+userName, true);
4)发送数据、可是与服务器进行交互
//同步方式下，send会在服务器数据回来后才执行完
//异步方式下，send会立即执行完
xmlHttp.send(null);
5)接收响应数据
function callback(){
//判断对象状态交互完成
if (xmlHttp.readyState == 4){
//判断http交互是否成功，http状态码200
if(xmlHttp.status == 200){
//获得服务器返回的纯文本数据
var responseText = xmlHttp.responseText;
//显示到界面
document.getElementById("result").innerHTML = responseText;
}
}
}
十二、第十二课 ===》 浏览器穷尽测试与工具漫谈
a.没什么可写的，都是一些软件的介绍
十三、第十三课 ===》 为学员调试错误与XHR深入讲解
a.局部变量，不能多写var,status写错
b.选择post方式提交数据
xmlHttp.open("POST", "ajaxserver", "true");
//必须设置http的请求头
xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlHttp.send("name=" +userName);
十四、第十四课 ===》 利用XHR接受与处理XML数据
a.服务器端修改，httpServletResponse.setContentType("text/xml;charset-utf-8");
b.客户端修改，var domObj = xmlHttp.responseXML;
//<message>123122</message>
//getElementsByTagName();所有message节点，返回一个数组
var mgeNodes = domObj.getElementsByTagName("message");
//获得子节点、获得文本内容
var textNode = mgeNodes[0].firstChild;
var responseText = textNode.nodeValue;
c.如果服务器setContentType("text/html;charset-utf-8");
firefox可以仍然出来，而ie不可以
d.ajax应用的五个步骤
1)创建XMLHttpRequest对象
2)注册回调�
相关文档：
1.Ajax Rain
AjaxRain有很多完美整合AJAX, CSS, DHTML 或 Javascript的实例，有一些Demo的确值得你去看一看，即使你不是网页设计(开发)师。
Ajax/Javascript实例:
EXT JS Date Picker
jQuery Feed Menu
jGrowl
FastFind Menu – Jquery
Spiffy Accordion
2.Ajax Daddy ......
通过XMLHttpRequest.responseXML;
将响应解析为XML
获得对象有下面的属性和方法
表3-1 用于处理XML文档的DOM元素属性
属性名
描述
childNodes
返回当前元素所有子元素的数组
firstChild
返回当前元素的第一个下级子元素
lastChild
返回当前元素的最后一� ......
<style type="text/css">
<!--
.STYLE1 {
font-size: 24px;
font-weight: bold;
}
.STYLE2 {font-size: 36px}
-->
.mouseOut {
color: #000000;
}
.mouseOver {
&nb ......
今天的话题是如何改进自己网站的界面或提高网站的视觉体验，从而让用户记忆犹新。
我们有三种主要的方法(从难到易):自己动手写脚本;使用类似于jQuery和mooTools的JavaScript框架(可以让编写代码变得更容易些);使用能工作于现有的JavaScript框架下的提前预置好的脚本或那种从头开始开发的创建者。这篇文章适合那 ......
（以下来自WIKI）
AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是一种创建交互式网页应用的网页开发技术。根據Ajax提出者Jesse James Garrett建議[1]，它：
使用XHTML+CSS来表示信息；
使用JavaScript操作DOM（Document Object Model）进� ......
