传智播客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 ......
index.jsp
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>AJAX 技术简单应用</title>
......
如何开发安全的AJAX应用
AJAX技术已经是现在最流行的Web应用开发技术了，但是与此同时，Web应用也成了这个IT架构中安全最薄弱，最容易受到攻击的部分，AJAX应用相比较与传统的Web应用，大大增加了客户端与服务器之间的交互，同时也使得一些后台的业务逻辑接口暴露给了客户端，如果服务器端没有足够的保护或者没有对客户端� ......
默认情况下AJAX Control Toolkit并没有安装到VS2008中，开发人员需要单独下载并进行安装。网址如下：http://ajaxcontroltoolkit.codeplex.com/Release/ProjectReleases.aspx?ReleaseId=27326 ，AJAX Control Toolkit是一个不断更新的项目，该网页将每段时间内发布对该工具包的更新。在该页面中选择AJAXControlToolki ......
上传页面只需要一个js引用和js函数的调用，简单方便，不影响网页原有布局。
下载地址
调用说明:
1.首先引用js文件
<script type="text/javascript" src="AienUpload/init.js"></script>
2.将函数调用(showUpload(boxCtrl,inputCtrl,upPath,maxCount,fn);)绑定到HTMl控件事件，例如
......
