联系我们
简单又实用的WordPress网站制作教学
当前位置:网站首页 > 网页前端技术 > 正文

jquery异步循环获取功能实现代码 - Web前端

作者:98wpeu发布时间:2026-06-06分类:网页前端技术浏览:2


导读:html代码:复制代码代码如下:<tableid="reptable"……>……<spanid="<%#Eval("Id")%>"c...
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,不知道为什么;

标签:代码功能Webjquery


网页前端技术排行
最近发表
网站分类
标签列表