ajax回調(diào)函數(shù)中使用$(this)取不到對象的解決方法
更新時間：2014年06月12日 10:05:31 投稿：whsnow
如果在ajax的回調(diào)函數(shù)內(nèi)使用$(this)的話，實踐證明，是取不到任何對象的,需要的朋友可以參考下
下面這段jquery代碼，是可以達到預(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請求之前，我提前定義了兩個變量，obj和form，分別用來存儲兩個jquery對象。如果在ajax的回調(diào)函數(shù)內(nèi)使用$(this)的話，實踐證明，是取不到任何對象的。具體原因，希望大神留言指教。。
復(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請求之前，我提前定義了兩個變量，obj和form，分別用來存儲兩個jquery對象。如果在ajax的回調(diào)函數(shù)內(nèi)使用$(this)的話，實踐證明，是取不到任何對象的。具體原因，希望大神留言指教。。
您可能感興趣的文章:
- jQuery Ajax Post 回調(diào)函數(shù)不執(zhí)行問題的解決方法
- Javascript基于AJAX回調(diào)函數(shù)傳遞參數(shù)實例分析
- ajax請求返回的數(shù)據(jù)看不到回調(diào)函數(shù)沒有執(zhí)行也沒報錯
- 解決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)文章
利用 FormData 對象和 Spring MVC 配合實現(xiàn)Ajax文件下載功能
這篇文章主要介紹了利用 FormData 對象和 Spring MVC 配合實現(xiàn)Ajax文件下載功能,需要的朋友可以參考下2017-08-08
本文為大家介紹下ajax同步異步的簡單實現(xiàn)，感興趣的朋友可以參考下2014-01-01
這篇文章主要介紹了使用Nginx 反向代理來避免 ajax 跨域請求的方法的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-06-06
結(jié)合AJAX進行PHP開發(fā)之入門...2006-12-12
基于ajax后臺返回的數(shù)據(jù)為空前臺顯示出現(xiàn)undefined的解決方法
今天小編就為大家分享一篇基于ajax后臺返回的數(shù)據(jù)為空前臺顯示出現(xiàn)undefined的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
變量沖突處理...2006-09-09
利用promise及參數(shù)解構(gòu)封裝ajax請求的方法
這篇文章主要介紹了利用promise及參數(shù)解構(gòu)封裝ajax請求的方法,本文給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-01-01
這篇文章主要介紹了Ajax異步上傳文件實例代碼，非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-06-06
history保存列表頁ajax請求的狀態(tài)使用示例詳解
這篇文章主要為大家介紹了history保存列表頁ajax請求的狀態(tài)使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-12-12
本文給大家匯總介紹了JavaScript的AJax，JQuery的AJax以及利用jsonp實現(xiàn)跨域訪問的問題，非常的細致全面，有需要的小伙伴可以參考下。2015-12-12