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ū)分大小寫(xiě)
- 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)文章
利用 FormData 對(duì)象和 Spring MVC 配合實(shí)現(xiàn)Ajax文件下載功能
這篇文章主要介紹了利用 FormData 對(duì)象和 Spring MVC 配合實(shí)現(xiàn)Ajax文件下載功能,需要的朋友可以參考下2017-08-08
使用Nginx 反向代理來(lái)避免 ajax 跨域請(qǐng)求的方法
這篇文章主要介紹了使用Nginx 反向代理來(lái)避免 ajax 跨域請(qǐng)求的方法的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06
結(jié)合AJAX進(jìn)行PHP開(kāi)發(fā)之入門(mén)
結(jié)合AJAX進(jìn)行PHP開(kāi)發(fā)之入門(mén)...2006-12-12
基于ajax后臺(tái)返回的數(shù)據(jù)為空前臺(tái)顯示出現(xiàn)undefined的解決方法
今天小編就為大家分享一篇基于ajax后臺(tái)返回的數(shù)據(jù)為空前臺(tái)顯示出現(xiàn)undefined的解決方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
利用promise及參數(shù)解構(gòu)封裝ajax請(qǐng)求的方法
這篇文章主要介紹了利用promise及參數(shù)解構(gòu)封裝ajax請(qǐng)求的方法,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-01-01
history保存列表頁(yè)ajax請(qǐng)求的狀態(tài)使用示例詳解
這篇文章主要為大家介紹了history保存列表頁(yè)ajax請(qǐng)求的狀態(tài)使用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-12-12
AJax與Jsonp跨域訪問(wèn)問(wèn)題小結(jié)
本文給大家匯總介紹了JavaScript的AJax,JQuery的AJax以及利用jsonp實(shí)現(xiàn)跨域訪問(wèn)的問(wèn)題,非常的細(xì)致全面,有需要的小伙伴可以參考下。2015-12-12

