`
Stilmyi
  • 浏览: 9737 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
最近访客 更多访客>>
社区版块
存档分类
最新评论

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对象发送请求到服务器并获得返回结果的任务。
分享到:
评论

相关推荐

    AjaxDWR_Manual

    **AjaxDWR手册详解** Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。DWR(Direct Web Remoting)是Ajax技术的一种实现,它允许JavaScript与Java后端...

    Ajax DWR中文文档

    Ajax DWR中文文档Ajax DWR中文文档Ajax DWR中文文档Ajax DWR中文文档Ajax DWR中文文档Ajax DWR中文文档Ajax DWR中文文档Ajax DWR中文文档Ajax DWR中文文档

    Ajax DWR聊天室

    Ajax DWR聊天室是一种利用Ajax(Asynchronous JavaScript and XML)技术与Direct Web Remoting (DWR)框架构建的实时交互式应用。这个项目的核心在于利用DWR2版本,该版本提升了性能并增强了与Web应用程序的集成能力...

    Ajax dwr 判断用户是否存在

    在IT行业中,Ajax(Asynchronous JavaScript and XML)和Direct Web Remoting (DWR)是用于构建动态、交互性更强的Web应用的技术。本教程将详细解释如何利用Ajax和DWR来判断用户是否存在,同时结合MySQL数据库进行...

    Ajax Dwr详细资料

    **Ajax DWR详解** Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下更新部分网页的技术,极大地提升了用户体验。而Direct Web Remoting (DWR) 是一个开源Java库,它使得JavaScript和Java...

    jsp j2ee dwr ajax dwr登陆

    【标题】:“jsp j2ee dwr ajax dwr登陆”这一主题涉及的是在Web开发中使用Java Server Pages (JSP)、Java 2 Platform, Enterprise Edition (J2EE)、Direct Web Remoting (DWR)以及Asynchronous JavaScript and XML ...

    ajax dwr 框架实现二级联动下拉列表源码

    **Ajax DWR 框架实现二级联动下拉列表源码详解** Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。DWR(Direct Web Remoting)则是一个用于Java web应用的开源...

    ajax dwr+spring整合

    **Ajax DWR+Spring 整合详解** Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术,它极大地提升了用户体验。DWR(Direct Web Remoting)是一个开源Java库,用于...

    Ajax DWR框架测试

    DWR(Direct Web Remoting)是Ajax技术的一个强大框架,它允许JavaScript在客户端直接调用Java方法,就像调用本地函数一样,大大简化了Web应用的开发。 DWR框架的核心功能包括: 1. **反向Ajax**:DWR允许...

    AJAX DWR 开发包

    综上,"AJAX DWR 开发包"是一个包含了 AJAX 技术和 DWR 库的资源集合,旨在帮助开发者学习 AJAX 并高效地使用 DWR 进行 Web 应用程序的开发。通过阅读提供的教程和帮助文档,开发者可以深入理解 AJAX 和 DWR 的工作...

    Ajax DWR 成功案例

    **Ajax DWR 成功案例** Ajax (Asynchronous JavaScript and XML) 是一种在无需重新加载整个网页的情况下更新部分网页内容的技术,极大地提升了用户体验。DWR (Direct Web Remoting) 是一个开源JavaScript库,它使得...

    ajax DWR分页机制

    **Ajax DWR分页机制详解** 在Web应用中,用户界面的实时更新是提升用户体验的关键。Ajax(Asynchronous JavaScript and XML)技术允许我们无需刷新整个页面就能与服务器进行数据交互,而DWR(Direct Web Remoting)...

    AJAX DWR 最全面精粹 覆盖所有方法 各种使用的情况

    AJAX (Asynchronous JavaScript and XML) 和 Direct Web Remoting (DWR) 是Web开发中的重要技术,主要用于实现浏览器与服务器之间的异步通信,提高用户体验。本资源集成了AJAX DWR的全面精粹,涵盖了所有常用方法和...

    Ajax DWR开发培训

    【Ajax DWR开发培训】 Ajax(Asynchronous JavaScript and XML)是一种技术栈,旨在提升Web应用程序的用户体验,通过异步更新页面部分,而不需整体页面刷新。DWR(Direct Web Remoting)是Ajax的一种Java实现,它...

    ajax dwr 的实现

    **Ajax DWR 实现详解** Ajax(Asynchronous JavaScript and XML)是一种在不重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使得网页实现异步更新,大大提升了用户体验...

    AJAX DWR教程

    **AJAX DWR教程** AJAX (Asynchronous JavaScript and XML) 是一种在无需重新加载整个网页的情况下更新部分网页内容的技术,极大地提升了用户体验。而DWR (Direct Web Remoting) 是一个开源的Java库,它使得AJAX在...

    ajaxdwr select二级联动

    在这个“ajaxdwr select二级联动”的场景中,我们将讨论如何利用这两种技术实现下拉菜单的级联选择效果。 Ajax是一种在无需刷新整个页面的情况下,能够更新部分网页的技术。它通过JavaScript发送异步请求到服务器,...

    AJAX DWR基本使用向导

    **AJAX DWR基本使用向导** DWR (Direct Web Remoting) 是一个开源JavaScript库,它允许在浏览器和服务器之间进行实时、安全且高效的通信,无需任何插件或框架。DWR使得开发者能够轻松地调用Java方法,就像它们是...

    Ajax DWR中文文档.pdf

    ### Ajax DWR中文文档知识点概览 #### 一、DWR简介 **DWR**(Direct Web Remoting)是一种简化客户端JavaScript调用服务器端Java方法的技术。它为Web应用程序提供了更流畅的用户体验,允许开发者像调用本地方法一样...

    AJAX DWR框架实现部分刷新效果

    DWR(Direct Web Remoting)是一个开源Java框架,它简化了AJAX在Java应用程序中的应用。DWR使得JavaScript和Java之间可以直接通信,就像它们是同一语言一样,消除了传统AJAX需要通过XML或JSON进行数据交换的复杂性。...

Global site tag (gtag.js) - Google Analytics