iShopping网上商城v技术交流AJAX
25页1、AJAX技术术介绍绍议程AJAX基本介绍AJAX实战XMLHttpRequest对象介绍AJAX工作原理AJAX介绍 nAJAX(Asynchronous JavaScript and XML)它是一种由多种技术组合 的技术。 n组合的技术包换HTML / XHTML ,CSS, JavaScript / DOM n通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更 新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行 更新。 n有很多使用 AJAX 的应用程序案例:新浪微博、Google 地图、开心网 等等。AJAX介绍 n XHTML,CSS用于呈现 nDOM实现动态显示和交互 nXML和XSTL进行数据交换与处理 nXMLHttpRequest对象用于进行异步数据读取 nJavascript绑定和处理所有数据 AJAX工作原理AJAX工作原理AJAX工作原理7用 户 界 面A J A X 引 擎W E B 服 务 器后 台 业 务 系 统JavaScrip调用HTML+CSSHttp请求XML,JSON数据Web浏览器后台服务器Ajax采用异步方式与后
2、台交互ajax应用场景 8采用AJAX技术提升用户体验 XMLHttpRequest对象工作六步曲9步骤: 1、使用open方法创建一个请求 2、使用send方法发送一个请求 3、使用onreadystatechange事件捕获请求状态变化 4、使用readyState属性判断请求状态变化 5、使用status属性判断请求的结果 6、使用responseText获得返回的文本 10function createXHR() var xhr; /声明一个变量try /针对 Internet Explorer 6.0+ xhr = new ActiveXObject(“Msxml2.XMLHTTP”); catch (e) try /试针对 Internet Explorer 5.5+ xhr = new ActiveXObject(“Microsoft.XMLHTTP“); catch (E) xhr = false;if (!xhr return xhr; 11var req; function checkUser()var checkResult=document.getElement
3、ById(“checkResult“);checkResult.innerHTML=“checking the user name.“;var userName=document.getElementById(“userName“).value;req= createXHR() ;req.open(“get“,“checkUser.jsp?checkUserName=“+userName);req.onreadystatechange =handleRequest;req.send(null); function handleRequest()var checkResult=document.getElementById(“checkResult“);if(req.readyState=4)if(req.status=200)checkResult.innerHTML=req.responseText;elsealert(“Anerror occurred:“+req.statusText); 生成XMLHttpRequest对象 function createXHR() var xh
4、r;try xhr = new ActiveXObject(“Msxml2.XMLHTTP“); catch (e) try xhr = new ActiveXObject(“Microsoft.XMLHTTP“); catch (E) xhr = false;if (!xhr return xhr; 监听器捕获请求状态变化如果open方法中用post请求,则在send中发送数据 req.send(“chenkUserName=“+userName);创建一个http请求12function createXHR() var xhr; /声明一个变量try /针对 Internet Explorer 6.0+ xhr = new ActiveXObject(“Msxml2.XMLHTTP”); catch (e) try /试针对 Internet Explorer 5.5+ xhr = new ActiveXObject(“Microsoft.XMLHTTP“); catch (E) xhr = false;if (!xhr return xhr; 13XMLHttpRequest对象
《iShopping网上商城v技术交流AJAX》由会员平***分享,可在线阅读,更多相关《iShopping网上商城v技术交流AJAX》请在金锄头文库上搜索。
小说情节故事发展
小学品德与社会你的心情我理解
斯塔瑞设备介绍及常见问题解答2009-12-23
传统渠道终端执行标准.
不要侵犯我的隐私权
4.2关注生物技术的伦理问题
第六讲责任政府与行政监督
创意地产培训平【建筑易摹仿生活方式难克隆
高考历史第一轮复习【必修一第三单元】精品课件
马克思主义哲学专接本精讲二
销售与服务技巧(精品)
龙之谷火舞职业详解
酒店微笑服务礼仪培训(113)32修改
通用技术1--第一章第二节-技术的性质(修改)
高中数学:函数的极值与最值
高中低档商务、生活礼品大合集-2
风景园林各要素的表现方法
雪碧广告文案策划书
历史必修二第19课经济体制改革
门电路和组合逻辑电路
2024-04-09 13页
2023-04-02 50页
2023-04-02 53页
2022-08-17 23页
2022-08-17 30页
2022-08-17 16页
2022-08-17 18页
2022-08-17 17页
2022-08-17 33页
2022-08-15 64页