jquery異步循環(huán)獲取功能實現(xiàn)代碼
更新時間:2010年09月19日 21:23:26 作者:
頁面html的repeater控件中有一個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代碼時,我遇到了下面幾個問題:
(1)開始沒寫第三行,而是在第十一行直接調(diào)用的$(this),報錯“不能給回調(diào)函數(shù)賦值”。原因是回調(diào)后對象已經(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代碼時,我遇到了下面幾個問題:
(1)開始沒寫第三行,而是在第十一行直接調(diào)用的$(this),報錯“不能給回調(diào)函數(shù)賦值”。原因是回調(diào)后對象已經(jīng)發(fā)生改變,所以需要事先保存;
(2)沒寫dataType,發(fā)現(xiàn)不能返回msg,不知道為什么;
相關(guān)文章
jQuery實現(xiàn)數(shù)秒后自動提交form的方法
這篇文章主要介紹了jQuery實現(xiàn)數(shù)秒后自動提交form的方法,實例分析了jQuery實現(xiàn)form表單延時提交的技巧,需要的朋友可以參考下2015-03-03jQuery之DOM對象和jQuery對象的轉(zhuǎn)換與區(qū)別分析
這篇文章主要介紹了jQuery之DOM對象和jQuery對象的轉(zhuǎn)換與區(qū)別分析,對比分析了DOM對象和jQuery對象的原理與用法,具有一定參考借鑒價值,需要的朋友可以參考下2015-01-01jQuery插件artDialog.js使用與關(guān)閉方法示例
這篇文章主要介紹了jQuery插件artDialog.js使用與關(guān)閉方法,結(jié)合具體實例形式分析了jQuery彈出窗口插件artDialog.js的簡單使用方法及相關(guān)注意事項,需要的朋友可以參考下2017-10-10JQERY limittext 插件0.2版(長內(nèi)容限制顯示)
JQERY limittext 插件為長內(nèi)容增加一個顯示更多的功能2010-08-08利用jqprint插件打印頁面內(nèi)容的實現(xiàn)方法
qprint是一個基于jquery編寫的頁面打印的一個小插件,但是不得不承認這個插件確實很厲害,下面這篇文章主要給大家介紹了關(guān)于利用jqprint插件如何打印頁面內(nèi)容的實現(xiàn)方法,需要的朋友可以參考借鑒,下面隨著小編來一起學(xué)習學(xué)習吧。2018-01-01