jquery异步循环获取功能实现代码


Posted in Javascript onSeptember 19, 2010

html代码:

<table id="repTable"……> 
…… 
<span id="<%# Eval("Id") %>" class="address"></span> 
</table>

jquery代码:
$(document).ready(function(){ 
$("#repTable span.address").each(function(){ 
var spanTemp = $(this); 
$.ajax({ 
type: "get", 
url: "SceneryAjaxCall.aspx", 
data: "sid="+$(this).attr("id"), 
cache: true, 
dataType: "html", 
success: function(msg){ 
spanTemp.append(msg); 
} 
}); 
}); 
});

其中在写jquery代码时,我遇到了下面几个问题:

(1)开始没写第三行,而是在第十一行直接调用的$(this),报错“不能给回调函数赋值”。原因是回调后对象已经发生改变,所以需要事先保存;

(2)没写dataType,发现不能返回msg,不知道为什么;

Javascript 相关文章推荐
JavaScript 新手24条实用建议[TUTS+]
Jun 21 Javascript
用JS判断IE版本的代码 超管用!
Aug 09 Javascript
图片动画横条广告带上下滚动可自定义图片、链接等等
Oct 20 Javascript
js数组去重的常用方法总结
Jan 24 Javascript
node.js中的querystring.parse方法使用说明
Dec 10 Javascript
JavaScript在浏览器标题栏上显示当前日期和时间的方法
Mar 19 Javascript
JQuery中DOM加载与事件执行实例分析
Jun 13 Javascript
跟我学习javascript的严格模式
Nov 16 Javascript
JS实现简单抖动效果
Jun 01 Javascript
解决angularjs前后端分离调用接口传递中文时中文乱码的问题
Aug 13 Javascript
Vue中UI组件库之Vuex与虚拟服务器初识
May 07 Javascript
JavaScript this关键字的深入详解
Jan 14 Javascript
JavaScript随机排序(随即出牌)
Sep 17 #Javascript
js下通过getList函数实现分页效果的代码
Sep 17 #Javascript
前端开发的开始---基于面向对象的Ajax类
Sep 17 #Javascript
基于jquery的仿百度的鼠标移入图片抖动效果
Sep 17 #Javascript
js下用eval生成JSON对象
Sep 17 #Javascript
JS实现在Repeater控件中创建可隐藏区域的代码
Sep 16 #Javascript
Bookmarklet实现启动jQuery(模仿 云输入法)
Sep 15 #Javascript
You might like
php将session放入memcached的设置方法
2014/02/14 PHP
PHP整数取余返回负数的相关解决方法
2014/05/15 PHP
php中将一个对象保存到Session中的方法
2015/03/13 PHP
php简单实现屏蔽指定ip段用户的访问
2015/04/29 PHP
PHP批量删除jQuery操作
2017/07/23 PHP
使用jQuery清空file文件域的解决方案
2013/04/12 Javascript
把文本中的URL地址转换为可点击链接的JavaScript、PHP自定义函数
2014/07/29 Javascript
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
2015/03/13 Javascript
比例尺、缩略图、平移缩放之百度地图添加控件方法
2015/08/03 Javascript
vue动态组件实现选项卡切换效果
2017/03/08 Javascript
webpack配置文件和常用配置项介绍
2017/04/28 Javascript
vue2.0的contextmenu右键弹出菜单的实例代码
2017/07/24 Javascript
详解react-router4 异步加载路由两种方法
2017/09/12 Javascript
仿淘宝JSsearch搜索下拉深度用法
2018/01/15 Javascript
详解Nuxt.js中使用Element-UI填坑
2019/09/06 Javascript
Vue发布订阅模式实现过程图解
2020/04/30 Javascript
如何在postman测试用例中实现断言过程解析
2020/07/09 Javascript
Node.js 深度调试方法解析
2020/07/28 Javascript
[46:40]VGJ.T vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
Python fileinput模块使用介绍
2014/11/30 Python
python 读取txt中每行数据,并且保存到excel中的实例
2018/04/29 Python
使用python将时间转换为指定的格式方法
2018/11/12 Python
画pytorch模型图,以及参数计算的方法
2019/08/17 Python
Python xml、字典、json、类四种数据类型如何实现互相转换
2020/05/27 Python
学习Python爬虫的几点建议
2020/08/05 Python
基于CentOS搭建Python Django环境过程解析
2020/08/24 Python
网上开店必备创业计划书
2014/01/26 职场文书
留学自荐信写作方法
2014/01/27 职场文书
企业军训感想
2014/02/07 职场文书
《美丽的小路》教学反思
2014/02/26 职场文书
优秀中职教师事迹材料
2014/08/26 职场文书
医德医风个人总结
2015/02/28 职场文书
2019求职信大礼包
2019/05/15 职场文书
导游词之金鞭溪风景区
2019/09/12 职场文书
logback如何自定义日志存储
2021/08/30 Java/Android
Flutter Navigator 实现路由传递参数
2022/04/22 Java/Android