传智播客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?
Ajax的全称是：Asynchronous + JavaScript+XML --------------------> 异步的(不同时的) javascript 及 xml
2.Ajax的定义：
Ajax不是一个技术，它实际上是几种技术，每种技术都有其独特这处，合在一起就成了一个功能强大的新技术。
3.Ajax包括：
XHTML和CSS
使用文档� ......
NO1.
在atlas(ajax)中请不要使用Response.Write(),
请使用ClientScript.RegisterClientScriptBlock替换
使用如下：
ClientScript.RegisterClientScriptBlock(this.GetType(), "", "<script>alert('自己看着办!')</script>");
注意：RegisterStartupScript 方法是将 JavaScript 嵌入到 ASP.NET 页面的底部� ......
解决Ajax传送中文会导致乱码的问题
//如果传送参数是直接赋予的，就会产生乱码!
http_request.open("POST",url,true);
http_request.setRequestHeader('Content-Type',
'application/x-www-form-urlencoded');
http_request.send("action="+strName+"&val="+val);
......
+++++++++++++++++++++++Ajax
~~~~~~~~~~~~~~~~~~~~~~~~~~
======= Ajax 技术 ========
一、第一课 ===》 AJAX概述与IntelliJ安装
a.Ajax读法其实不是我们读的'阿假客斯'，注意专业化。
b.王兴魁老师先讲实践再讲理论。
c.开发工具不再是eclipse了，因为ajax主要写javascript
d ......
