传智播客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、XMLHttpRequest对象的创建
由于 不是w3c标准，所以使用Javascript创建之的方法也不同！Internet explorer 把XMLHttpRequest实例化为 ActiveX控件，然而 其他的浏览器（FireFox，opera）把XMLHttpRequest实例化为本地的JavaScript一个对象
所以 只要确定是否 支持 ActiveX控件对象！！� ......
[list=1]
我们在做验证码的时候往往由于要反作弊，验证有时故意加入多的干扰因素，这时验证码显示不很清楚，用户经常输入错误。这样不但要重新刷新页面，导致用户没有看清楚验证码而重填而不是修改，而且如果没有用session保存下用户输入的其它数据的话(如姓名)，用户刚刚输入的内容也不存在了，这样给用户造成不好的体验 ......
Download board.zip - 39.6 KB - Old Version
Download board_2008.zip - 55.03 KB - Latest VS 2008 Version
Introduction
This is an AJAX based WhiteBoard application. Typically unlike their desktop based counterparts, web applications need to be designed to use optimal ......
<html>
<head>
<title>jQuery Ajax 实例演示</title>
</head>
<script language="javascript" src="../lib/jquery.js"></script>
<script language="javascript">
$(document).ready(function ()
{
$('#send_ajax').click(function (){
&nb ......
Ajax，选择同步还是异步
Ajax在网页中最大的一个优点是它可以访问服务器上的信息而不需要重新加载网页。这意味着要检索或是更新信息的某一小个部分的时候，只需要从服务器端传送那一部分需要的信息而不需要重新下载整个网页。
Ajax可以通过两种方法访问服务器，即同步(脚本会停留并等待服务器发送回复然后再继续)和 ......
