Ajax dwr

                  Ajax技术 (asynchronism javascript and xml)
一. Ajax的特点:需等待服务端将数据回馈,用户才能看到数据,所以这中间产生了加载.
1.流程控制的过程?
①:创建xmlHttpRequst对象.
②:定义处理结果的回调函数.
③:发送请求.
④:确定发送请求方式和URL以及是否同步执行下段代码.
⑤:对返回的信息进行处理.
Ajax的优点:
①:增加了用户体验.
②:异步交互技术,克服了传统的web请求等待处理.
③:局部刷新,不要载入整个页面.
缺点:
①:浏览器兼容问题.
②:后退功能失效了.
③:一些手提设备都不能很好的支持Ajax
应用:
1. 数据校验  2.级联菜单  3.树行菜单  4.即时信息

六、Ajax工具

1、jQuery 开源JS框架,写得更少,做得更多;
2、ASP.NET AJAX Extension 微软AJAX工具箱;
3、ExtJS 一个自YUI延伸出来的Ajax框架。

下面是Ajax执行过程:
<script language="javascript">
var http_request = false;
function show() {
//开始初始化XMLHttpRequest对象
if (window.XMLHttpRequest) { //Mozilla 浏览器
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {//设置MiME类别
http_request.overrideMimeType('text/xml');
}
} else if (window.ActiveXObject) { // IE浏览器
try {
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {
}
}
}
if (!http_request) { // 异常,创建对象实例失败
window.alert("不能创建XMLHttpRequest对象实例.");
return false;
}
http_request.onreadystatechange = incept;//你的另外一个js函数名; //定义处理返回结果的函数
//http_request.open('GET', "tests.jsp", true);//// 确定发送请求的方式和URL以及是否同步执行下段代码
http_request.open('GET', "test.xml", true);
//http_request.open('GET', "test.html", true);
//http_request.open('GET', "/MyServletAndJsp/ServletMan", true);
http_request.send(null);//发送请求
}
function incept() {
if (http_request.readyState == 4) {  判断对象状态
if (http_request.status == 200) { 信息已经成功返回,开始处理信息
var xmldoc= http_request.responseXML;
var root_node = xmldoc.getElementsByTagName('root').item(0);
alert(root_node.firstChild.data); /**///测试xml文件的
//alert(http_request.responseText);
abc.innerHTML=http_request.responseText;
} else { //页面不正常
alert("您所请求的页面有异常。");
}
}
}
</script>

2.描述一下Ajax.
答:Ajax→synchronous JavaScript and xml→异步的JavaScript和Xml
       Ajax并不是一中新技术,而是整合了JavaScript、XML和CSS技术,
       它通过JavaScript的HTTPXMLRequest对象发送请求到服务器并获得返回结果的任务。

你可能感兴趣的:(JavaScript,jquery,Ajax,xml,DWR)