《高级Web技术》参考资料：3-应用web_5-J2EE框架_阅读参考资料_J2EE高级框架实战教学视频PPT_PPT_28AJAX

guokehua@yahoo.com.cn oy Java! 1010 28AJAX 郭克华J2EE框架实战教学视频

oy Java! J guokehua@yahoo.com.cn 郭克华J2EE框架实战教学视频 28AJAX

guokehua@yahoo.com.cn 了应用索创 动感地带神州行 中国移动通信集团公司 我的N 计划大礼包 积分 换开始了 帝首页自助服务全球通M-z0NE神州行移动业务移动梦网信息中心诚聘英才 1010 网上费 输入手机号码、密\客户投诉 【号59元月隆量上市 码、验证码获取短 信随机码 促销活动 和密码登录后办理以上自 全球通 女人常用的三个答案 )on 手机号码:13969053551 促销活动三 校验码:20062o0d +促销活动二測试用 +促销活动调试 More 更多 业务办理 新业务推荐 PUKw查询业厅查询梦刚务退订￥国际电话m关于山东移动请选择地市公司 归属地查询￥缘费记录查询100资讯快线mox文明短信 公司简介 地市频道 2GPRS业务 帐单邮寄 e事通 变更动感套餐M呼叫转移 《移动潮》杂志 诚聘英才 短信小蜜蜂 x语音短信 More 沟通无限 郭克华J2EE框架实战教学视频

J guokehua@yahoo.com.cn 郭克华J2EE框架实战教学视频 应用案例 输入手机号码、密 码、验证码获取短 信随机码

guokehua@yahoo.com.cn A.阻k 全球通恤动感地带神州行 中国移动通信集团公司 珍 移动通信 A MOBILE 我的 划大礼包 移动通信专家 积分兑换开始了! *助照多金通MzH神州行动业多动梦网在中英才 1010 搜索 清单查询 积分计划 159 登陆对话框部分出现背景网上费 和边框,增强客户体验 没有刷新整个首页。 客户投诉 促销活动 女人常用的三个答案 正在发送您的请求,请稍候,如果系 统长时间都没有响应,请吊新页面重 促销活动三 后台测试促销活动 公司资讯 手机号码 +促销活动二测试用 促销活动测试 . hh 更多 业务办理 新业务推荐 PUK码查询￥营业厅查询 M梦网业务退订m国际P电话m关于山东移动 司 x归尾地查询费记录查询100资讯快线ecx文明短信 公司简介 地市频道 GPRS业务帐单邮寄 M WAP 《移动潮》杂志诫聘英才 2变更动感套餐x呀叫转移 2短信小蜜蜂 2语音短信 通无限 郭克华J2EE框架实战教学视频

J guokehua@yahoo.com.cn 郭克华J2EE框架实战教学视频 应用案例 登陆对话框部分出现背景 和边框，增强客户体验， 没有刷新整个首页

guokehua@yahoo.com.cn AJAX基础 问题:表单的提交工作往往都让整个页 面面临刷新,在有些情况下,如果表单 在页面上属于比较小的一部分,这是我 们不可接受的,可不可以不刷新呢? Q注意:提交是一个很广泛的概念,链接 所作的事情,其实也是提交 1AAX可以帮助我们达到这个目的 AUAX:异步 javascrip和XML技术 郭克华J2EE框架实战教学视频

J guokehua@yahoo.com.cn 郭克华J2EE框架实战教学视频 AJAX基础 问题：表单的提交工作往往都让整个页 问题：表单的提交工作往往都让整个页 面面临刷新，在有些情况下，如果表单 面面临刷新，在有些情况下，如果表单 在页面上属于比较小的一部分，这是我 在页面上属于比较小的一部分，这是我 们不可接受的，可不可以不刷新呢 们不可接受的，可不可以不刷新呢? 注意：提交是一个很广泛的概念，链接 注意：提交是一个很广泛的概念，链接 所作的事情，其实也是提交 所作的事情，其实也是提交 AJAX可以帮助我们达到这个目的 可以帮助我们达到这个目的 AJAX:异步Javascript Javascript和XML技术

guokehua@yahoo.com.cn Web 10& Web 20 ◆Web1.0- Synchronous browser client user interface classic web application model(synchronous) cli len Http request user activity user activity user actiity httpd(s)transport HTML+CSS data time web server datastores, backend processing, legacy systems system processing system processing server-side systems server classic web application model 郭克华J2EE框架实战教学视频

J guokehua@yahoo.com.cn 郭克华J2EE框架实战教学视频 Web 1.0 & Web 2.0 Web 1.0 & Web 2.0 Web 1.0 – Synchronous

guokehua@yahoo.com.cn J Web 1.0&Web 2.0 Web 2.0 Asynchronous browser client user interfa Ajax web application model (asynchronous) Java Script call HTML+CSS data client UI browser t Ajax engine I r activity Ajax engine Http request I dent'-sde processing http(s)transport XML data time web and/or XML server processing processng server tores, backend processing, server-side systems Ajax web application model 郭克华J2EE框架实战教学视频

J guokehua@yahoo.com.cn 郭克华J2EE框架实战教学视频 Web 1.0 & Web 2.0 Web 1.0 & Web 2.0 Web 2.0 Asynchronous

guokehua(@yahoo.com.cn 第一个AJAX例子 Pl. jsp: KSCRIPT LANGUAGE JavaScript> varxmlhttp=neWActivexobject(msxm12.XmlHttp") 1a目 xmlhttpopenget,p2.jsp",true xmlhttponreadystatechange=functiono ifxmlhttp.readystate==4)i alert(xmlhttp.responsetext) xmlhttpsendo P2. jsp out. print(“你们好”) 郭克华J2EE框架实战教学视频

J guokehua@yahoo.com.cn 郭克华J2EE框架实战教学视频 第一个AJAX例子 P1.jsp: var xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); xmlHttp.open("GET", “p2.jsp", true); xmlHttp.onreadystatechange=function() { if (xmlHttp.readyState==4) { alert(xmlHttp.responseText); } } xmlHttp.send(); P2.jsp: out.print(“你们好”);

guokehua(@yahoo.com.cn 解释 varxmlhttp=neWacTivexobject(msxm12.XmLhttP") xmlhttp航得到了一个浏览器内置的XmlhTtprequEst对象的实 例,这个实例具备了异步提交的功能 1a目 郭克华J2EE框架实战教学视频

J guokehua@yahoo.com.cn 郭克华J2EE框架实战教学视频 解释 var xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); xmlHttp就得到了一个浏览器内置的XMLHttpRequest对象的实 例，这个实例具备了异步提交的功能

guokehua@yahoo.com.cn 解释 xmlhttpopen(get,"p2.jsp",true 第一个参数,表示以GET的 方式向服务器提交我们的HTTP请求,当然也可以选 择POST的方式。 。第三个参数就神奇了,tue就代表着,我们打 算提交的是一个异步的 XmlhtTp请求 郭克华J2EE框架实战教学视频

J guokehua@yahoo.com.cn 郭克华J2EE框架实战教学视频 解释 xmlHttp.open("GET", “p2.jsp", true); 第一个参数，表示以GET的 方式向服务器提交我们的HTTP请求，当然也可以选 择POST的方式。 。第三个参数就神奇了，true就代表着，我们打 算提交的是一个异步的XMLHTTP请求

guokenua@yahoo.com.cn 解释 xmlhttp.onreadystatechange=functionoi if(xmlhttp.readystate==4)i lalert(xmlhttp.responsetext) 1a目 ready State状态解释 0未初始化对象已创建,尚未调用 openD 1已初始化调用 open方法以后 2发送数据调用 sendo方法以后 3数据传送中在已经接到部分数据,但尚未接收完成 4完成数据全部接收完成 这里说明:数据完全接受之后,运行if内的代码 xmlhttp.responseText:下一个页面返回回来的内容 郭克华J2EE框架实战教学视频

J guokehua@yahoo.com.cn 郭克华J2EE框架实战教学视频 解释 xmlHttp.onreadystatechange=function() { if (xmlHttp.readyState==4) { alert(xmlHttp.responseText); } } readyState 状态解释 0 未初始化对象已创建，尚未调用open() 1 已初始化调用open()方法以后 2 发送数据调用send()方法以后 3 数据传送中在已经接到部分数据，但尚未接收完成 4 完成数据全部接收完成 这里说明：数据完全接受之后，运行if内的代码 xmlHttp.responseText：下一个页面返回回来的内容