前端學習之 Ajax

2022-07-19 04:03:11 字數 729 閱讀 2932

ajax:頁面不做重新整理,直接將資料悄悄提交到後台,然後通過**函式處理返回結果。

$.ajax( # 提交資料

# 如果data中包含的不是字串,是個列表,那麼寫法要使用:traditional:true 可以將列表傳入後台

data:$('#add_form').serialize(), #代替上一句,將form表單裡所有資料統一打包發到後台

# 注意如果data字典中還包含1個字典,這個包含的字典需要轉為字串才可以傳送:json.stringfy()

datatype:'json', # 這裡是jquery功能,將傳回來的資料進行json解析,就不需要下面的函式再次進行解析了,下面函式中的引數就為obj物件

traditional:true, # 可以將data中的列表資料傳到後台,python使用get_list來接收列表資料。

success: function(data)

error:function()

})建議:永遠讓服務端返回乙個字典,返回方式:return httpresponse(json.dumps(字典))

不要使用render,因為返回的模板檔案只做渲染,無法json轉換,不支援redirect方法。

以下這些方法全部是呼叫上面的ajax方法,不同的是只修改對應的type方法,所以說只用ajax方法即可。

$.get(url='xx',data:{},success)

$.post

Ajax前端請求

最近在做網頁時遇到了一些坑,對於http協議沒有深入了解,以及對httpservletrequest類的理解尚淺,造成一些困擾,分析下請求型別,取值的方法四種常見的 post 提交資料方式值描述 在傳送前編碼所有字元 預設 multipart form data 不對字元編碼。在使用包含檔案上傳控制...

除錯前端AJAX

這篇心得的由來得益於holmesian。感謝holmesian的指導 除錯前端的ajax程式。在ajax中總會出現乙個時間處理函式,在裡面會有乙個後端的程式了。這樣我們直接訪問這個程式,通過引數傳值。這樣,就可以很直觀的看到,xml返回的資料,直接進行除錯。歡迎 actionbi2010 gmail...

Ajax前端技術

xhr是xmlhttprequest的簡稱 非同步物件 xmlhttprequest 在區域性重新整理中,使用非同步請求物件,在瀏覽器內部發起請求,獲取資料 使用非同步物件實現區域性重新整理,非同步物件主要負責發起請求,傳遞請求引數,並從服務端接收資料。把以上這些技術的綜合使用叫做ajax 阿賈克斯...