jquery異步循環(huán)獲取功能實(shí)現(xiàn)代碼
更新時(shí)間：2010年09月19日 21:23:26 作者：
頁面html的repeater控件中有一個(gè)span,需要根據(jù)指定ID異步獲取相關(guān)信息。
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代碼時(shí)，我遇到了下面幾個(gè)問題：
（1）開始沒寫第三行，而是在第十一行直接調(diào)用的$(this),報(bào)錯(cuò)“不能給回調(diào)函數(shù)賦值”。原因是回調(diào)后對(duì)象已經(jīng)發(fā)生改變，所以需要事先保存；
（2）沒寫dataType，發(fā)現(xiàn)不能返回msg，不知道為什么；
復(fù)制代碼 代碼如下:
<table id="repTable"……>
……
<span id="<%# Eval("Id") %>" class="address"></span>
</table>
jquery代碼：
復(fù)制代碼 代碼如下:
$(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代碼時(shí)，我遇到了下面幾個(gè)問題：
（1）開始沒寫第三行，而是在第十一行直接調(diào)用的$(this),報(bào)錯(cuò)“不能給回調(diào)函數(shù)賦值”。原因是回調(diào)后對(duì)象已經(jīng)發(fā)生改變，所以需要事先保存；
（2）沒寫dataType，發(fā)現(xiàn)不能返回msg，不知道為什么；
相關(guān)文章
網(wǎng)格系統(tǒng)的實(shí)現(xiàn)原理，是通過定義容器大小，平分12份(也有平分成24份或32份，但12份是最常見的)，再調(diào)整內(nèi)外邊距，最后結(jié)合媒體查詢，就制作出了強(qiáng)大的響應(yīng)式網(wǎng)格系統(tǒng)2017-03-03
jQuery實(shí)現(xiàn)數(shù)秒后自動(dòng)提交form的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)數(shù)秒后自動(dòng)提交form的方法,實(shí)例分析了jQuery實(shí)現(xiàn)form表單延時(shí)提交的技巧,需要的朋友可以參考下2015-03-03
下面是jquery比較常用的一些操作實(shí)現(xiàn)方式。2009-02-02
jQuery之DOM對(duì)象和jQuery對(duì)象的轉(zhuǎn)換與區(qū)別分析
這篇文章主要介紹了jQuery之DOM對(duì)象和jQuery對(duì)象的轉(zhuǎn)換與區(qū)別分析,對(duì)比分析了DOM對(duì)象和jQuery對(duì)象的原理與用法,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-01-01
從零開始學(xué)習(xí)jQuery (二) 萬能的選擇器
本章講解jQuery最重要的選擇器部分的知識(shí). 有了jQuery的選擇器我們幾乎可以獲取頁面上任意的一個(gè)或一組對(duì)象, 可以明顯減輕開發(fā)人員的工作量.2010-10-10
這篇文章主要介紹了使用jQuery實(shí)現(xiàn)簡單穿梭框方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
jQuery插件artDialog.js使用與關(guān)閉方法示例
這篇文章主要介紹了jQuery插件artDialog.js使用與關(guān)閉方法,結(jié)合具體實(shí)例形式分析了jQuery彈出窗口插件artDialog.js的簡單使用方法及相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-10-10
JQERY limittext 插件0.2版(長內(nèi)容限制顯示)
JQERY limittext 插件為長內(nèi)容增加一個(gè)顯示更多的功能2010-08-08
目前試了 jQuery 擴(kuò)展的編寫有兩種。2010-01-01
利用jqprint插件打印頁面內(nèi)容的實(shí)現(xiàn)方法
qprint是一個(gè)基于jquery編寫的頁面打印的一個(gè)小插件，但是不得不承認(rèn)這個(gè)插件確實(shí)很厲害，下面這篇文章主要給大家介紹了關(guān)于利用jqprint插件如何打印頁面內(nèi)容的實(shí)現(xiàn)方法，需要的朋友可以參考借鑒，下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-01-01