ajax回調(diào)函數(shù)中使用$(this)取不到對(duì)象的解決方法
更新時(shí)間:2014年06月12日 10:05:31 投稿:whsnow
如果在ajax的回調(diào)函數(shù)內(nèi)使用$(this)的話,實(shí)踐證明,是取不到任何對(duì)象的,需要的朋友可以參考下
下面這段jquery代碼,是可以達(dá)到預(yù)期效果的。
$(".derek").each(function(){
$(this).click(function(){
var params = $(this).parent().serialize();
var obj=$(this).parent().siblings("div#caskContent");
var form=$(this).parent();
$.ajax({
url:"editCaskContent",
type:"post",
data:params,
dataType:"json",
success:function(e){
obj.empty();
obj.html("<font color=\"#00AA00\">追問(wèn):</font>");
obj.append(e.caskContent);
form.toggle();
alert("修改成功!");
},
error:function(e){
alert(e);
}
});
});
});
其中,大家可以看到,在發(fā)出ajax請(qǐng)求之前,我提前定義了兩個(gè)變量,obj和form,分別用來(lái)存儲(chǔ)兩個(gè)jquery對(duì)象。如果在ajax的回調(diào)函數(shù)內(nèi)使用$(this)的話,實(shí)踐證明,是取不到任何對(duì)象的。具體原因,希望大神留言指教。。
復(fù)制代碼 代碼如下:
$(".derek").each(function(){
$(this).click(function(){
var params = $(this).parent().serialize();
var obj=$(this).parent().siblings("div#caskContent");
var form=$(this).parent();
$.ajax({
url:"editCaskContent",
type:"post",
data:params,
dataType:"json",
success:function(e){
obj.empty();
obj.html("<font color=\"#00AA00\">追問(wèn):</font>");
obj.append(e.caskContent);
form.toggle();
alert("修改成功!");
},
error:function(e){
alert(e);
}
});
});
});
其中,大家可以看到,在發(fā)出ajax請(qǐng)求之前,我提前定義了兩個(gè)變量,obj和form,分別用來(lái)存儲(chǔ)兩個(gè)jquery對(duì)象。如果在ajax的回調(diào)函數(shù)內(nèi)使用$(this)的話,實(shí)踐證明,是取不到任何對(duì)象的。具體原因,希望大神留言指教。。
您可能感興趣的文章:
- jQuery Ajax Post 回調(diào)函數(shù)不執(zhí)行問(wèn)題的解決方法
- Javascript基于AJAX回調(diào)函數(shù)傳遞參數(shù)實(shí)例分析
- ajax請(qǐng)求返回的數(shù)據(jù)看不到回調(diào)函數(shù)沒(méi)有執(zhí)行也沒(méi)報(bào)錯(cuò)
- 解決ajax回調(diào)函數(shù)返回的字符串亂碼問(wèn)題
- ajax異步回調(diào)函數(shù)中給外部變量賦值的問(wèn)題探討
- ajax JSONP請(qǐng)求處理回調(diào)函數(shù)jsonpCallback區(qū)分大小寫
- jQuery Tips 為AJAX回調(diào)函數(shù)傳遞額外參數(shù)的方法
- ajax回調(diào)函數(shù)參數(shù)傳遞正確方法
- JQuery中使用Ajax賦值給全局變量失敗異常的解決方法
- ajax給全局變量賦值問(wèn)題解決示例
- JQuery中使用Ajax賦值給全局變量異常的解決方法
- jquery ajax修改全局變量示例代碼
- Ajax獲取回調(diào)函數(shù)無(wú)法賦值給全局變量的問(wèn)題
相關(guān)文章
Ajax請(qǐng)求WebService跨域問(wèn)題的解決方案
這篇文章主要介紹了Ajax請(qǐng)求WebService跨域問(wèn)題的解決方案,本文給大家介紹的非常詳細(xì),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-10-10Ajax添加數(shù)據(jù)與刪除篇實(shí)現(xiàn)代碼
Hello 大家好!這個(gè)ajax系列教程講到這里已經(jīng)完成50%了.第4篇講了ajax向數(shù)據(jù)庫(kù)添加數(shù)據(jù),第5篇講了ajax修改數(shù)據(jù)庫(kù)中的數(shù)據(jù).今天我們來(lái)講ajax添加數(shù)據(jù)與刪除并存的實(shí)例效果.2010-10-10使用Ajax技術(shù)通過(guò)XMLHttpRequest對(duì)象完成首頁(yè)登錄功能
這篇文章主要介紹了使用Ajax技術(shù)通過(guò)XMLHttpRequest對(duì)象完成首頁(yè)登錄功能,很不錯(cuò)的嘗試,需要的朋友可以參考下2014-08-08asp+ajax實(shí)現(xiàn)靜態(tài)頁(yè)面分頁(yè)的代碼
asp+ajax實(shí)現(xiàn)靜態(tài)頁(yè)面分頁(yè)的代碼...2007-11-11利用Ajax實(shí)現(xiàn)智能回答的機(jī)器人示例代碼
這篇文章主要介紹了利用Ajax實(shí)現(xiàn)智能回答的機(jī)器人,本文結(jié)合示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-12-12Ajax校驗(yàn)是否重復(fù)的實(shí)現(xiàn)代碼
這篇文章主要介紹了Ajax校驗(yàn)是否重復(fù)的實(shí)現(xiàn)代碼,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-03-03Ajax實(shí)現(xiàn)頁(yè)面自動(dòng)刷新實(shí)例解析
AJAX 是一種用于創(chuàng)建快速動(dòng)態(tài)網(wǎng)頁(yè)的技術(shù)。接下來(lái)通過(guò)本文給大家介紹Ajax實(shí)現(xiàn)頁(yè)面自動(dòng)刷新實(shí)例解析,感興趣的朋友一起看看吧2016-04-04