解读Ajax中的循环方案.doc_第1页
解读Ajax中的循环方案.doc_第2页
解读Ajax中的循环方案.doc_第3页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

解读Ajax中的循环方案 Ajax简介 Ajax由HTML、JavaScript技术、DHTML和DOM组成这一杰出的方法可以将笨拙的Web界面转化成交互性的Ajax应用程序本文的作者是一位Ajax专家他演示了这些技术如何协同工作从总体概述到细节的讨论使高效的Web开发成为现实他还揭开了Ajax核心概念的神秘面纱包括XMLHttpRequest对象 五年前如果不知道XML您就是一只无人重视的丑小鸭十八个月前Ruby成了关注的中心不知道Ruby的程序员只能坐冷板凳了今天如果想跟上最新的技术时尚那您的目标就是Ajax 但是Ajax不仅仅是一种时尚它是一种构建网站的强大方法而且不像学习一种全新的语言那样困难 一、业务需求 在开发中当一个列表页面加载完成后我需要根据列表每一项的id去服务器端获取对应的数据然后再把获取的数据赋给当前id对应的标签 例如如下表格： 我有一系列的商品编号我需要根据商品编号通过ajax到服务器获取商品对应的名称然后再用js更新界面(实际中的业务当然不是获取商品名称这么简单) 二、实现方案 2.1错误方案 一般情况下我们会直接想到直接写个for循环在循环内发起ajax请求获取数据再把获取的数据更新到对应的id对应的标签上 如下： 我们以数组模拟一些列id： vararray=1,3,2,5,3; 循环的ajax请求方法： functionforeachajax()for(vari=0;i 调用： $(function()foreachajax();); 测试结果如下： 我们可以看到在循环的内部我们根本取不到arrayi的值 导致这种结果的原因是：ajax是异步执行的在循环结束的时候第一次ajax还没有将服务器数据返回而循环结束的时候for中的变量i已经释放了所以arrayi=undefined 2.2正确方案 正确的方式是以递归的方式循环ajax 如下： 我们以数组模拟一些列id： vararray=1,3,2,5,3; 递归的ajax请求方法： functionLoopajax(index,array)if(index
人人文库> 全部分类> 应用文书 > 技术指导

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论