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对象发送请求到服务器并获得返回结果的任务。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值