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