Python與AJAX

Ajax:

jquery提供的ajax功能:

$.ajax({
    url:'/host',
    type:'POST',
    data:{'k1':123, 'k2':'root'},
    success: function(data){
        
    }
})

success的匿名函數(shù)function要等到服務(wù)端返回來的時候桐早,才會執(zhí)行塞赂。
function的data是服務(wù)端返回的數(shù)據(jù)责鳍。

jquery綁定事件:

$('#ajax_submit').click(function(){
    $.ajax({
        url:'/test_ajax',
        type:'GET',
        data:{'username':'root', 'passoword':'123456'}
        success: function(data){

        }
    })
})

在jquery中医清,還有:
1)$.get:就是調(diào)用上面的jquery提供的ajax功能放可,只是里面的type為get.還是推薦上面的方式法褥。
使用方法:

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

2)$.post:就是調(diào)用上面的jquery提供的ajax功能茫叭,只是里面的type為post.
3)$.getJson:


Ajax請求返回的是:HttpResponse(json.dumps(dict))
返回的是一個json字符串(可以反序列化為字典)。

在template里面:

success:function(data){
    var obj = JSON.parse(data);   # 將json字符串轉(zhuǎn)為對象
}

在前端string與對象的相互轉(zhuǎn)換:

li = [1,2,3,4]
str = JSON.stringify(li)  # 轉(zhuǎn)為字符串
JSON.parse(str)  # 轉(zhuǎn)為對象

經(jīng)驗(yàn)建議:
永遠(yuǎn)讓服務(wù)器端返回一個字典
return HttpResponse(json.dumps(dict))


經(jīng)驗(yàn):

  1. 使用ajax做退出登錄/頁面的跳轉(zhuǎn):(https://stackoverflow.com/questions/46191656/the-render-do-not-render-to-the-template/46191957#46191957

2.示例:

$.ajax({
    type:'post',
    url:'/app_api/buy_server/',
    //contentType:'application/json',  # 實(shí)驗(yàn)的時候半等,這個加上傳不過去數(shù)據(jù)揍愁,我就注釋了
    data:JSON.stringify({'params':buy_data}),  # 如果加了JSON.stringify(),那么在views.py中需要呐萨,json.loads(request.body).get("server_id")去獲得。 注意:如果是字典包的字典或者其他東西莽囤,那么需要JSON.stringify()才好谬擦。見下面的sof鏈接。
    dataType:'json',
    success:success_func    # 注意:這里沒有逗號朽缎,有的話會報錯惨远。
})

sof鏈接: https://stackoverflow.com/questions/46488148/how-can-i-get-my-params-in-querydict

3.ajax與<a>標(biāo)簽

比如<a>標(biāo)簽的href可以GET請求。
如果想要在GET請求之前做些計算饵沧,可以在Js中寫一個js方法锨络,計算,跳轉(zhuǎn):

function redirect_func(){
     var page = page_c + 1;
     self.location = "/app01/index2?page="+ page +"/";
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末狼牺,一起剝皮案震驚了整個濱河市羡儿,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌是钥,老刑警劉巖掠归,帶你破解...
    沈念sama閱讀 216,544評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異悄泥,居然都是意外死亡虏冻,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,430評論 3 392
  • 文/潘曉璐 我一進(jìn)店門弹囚,熙熙樓的掌柜王于貴愁眉苦臉地迎上來厨相,“玉大人,你說我怎么就攤上這事鸥鹉÷” “怎么了?”我有些...
    開封第一講書人閱讀 162,764評論 0 353
  • 文/不壞的土叔 我叫張陵毁渗,是天一觀的道長践磅。 經(jīng)常有香客問我,道長灸异,這世上最難降的妖魔是什么府适? 我笑而不...
    開封第一講書人閱讀 58,193評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮肺樟,結(jié)果婚禮上檐春,老公的妹妹穿的比我還像新娘。我一直安慰自己儡嘶,他們只是感情好喇聊,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,216評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著蹦狂,像睡著了一般誓篱。 火紅的嫁衣襯著肌膚如雪朋贬。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,182評論 1 299
  • 那天窜骄,我揣著相機(jī)與錄音锦募,去河邊找鬼。 笑死邻遏,一個胖子當(dāng)著我的面吹牛糠亩,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播准验,決...
    沈念sama閱讀 40,063評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼赎线,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了糊饱?” 一聲冷哼從身側(cè)響起垂寥,我...
    開封第一講書人閱讀 38,917評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎另锋,沒想到半個月后滞项,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,329評論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡夭坪,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,543評論 2 332
  • 正文 我和宋清朗相戀三年文判,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片室梅。...
    茶點(diǎn)故事閱讀 39,722評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡戏仓,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出亡鼠,到底是詐尸還是另有隱情柜去,我是刑警寧澤,帶...
    沈念sama閱讀 35,425評論 5 343
  • 正文 年R本政府宣布拆宛,位于F島的核電站,受9級特大地震影響讼撒,放射性物質(zhì)發(fā)生泄漏浑厚。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,019評論 3 326
  • 文/蒙蒙 一根盒、第九天 我趴在偏房一處隱蔽的房頂上張望钳幅。 院中可真熱鬧,春花似錦炎滞、人聲如沸敢艰。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,671評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽钠导。三九已至震嫉,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間牡属,已是汗流浹背票堵。 一陣腳步聲響...
    開封第一講書人閱讀 32,825評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留逮栅,地道東北人悴势。 一個月前我還...
    沈念sama閱讀 47,729評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像措伐,于是被迫代替她去往敵國和親特纤。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,614評論 2 353

推薦閱讀更多精彩內(nèi)容

  • AJAX 原生js操作ajax 1.創(chuàng)建XMLHttpRequest對象 var xhr = new XMLHtt...
    碧玉含香閱讀 3,196評論 0 7
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理侥加,服務(wù)發(fā)現(xiàn)捧存,斷路器,智...
    卡卡羅2017閱讀 134,652評論 18 139
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式官硝。設(shè)計者無需花費(fèi)時間糾纏JS復(fù)雜的高級特性矗蕊。 1....
    LaBaby_閱讀 1,171評論 0 1
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計者無需花費(fèi)時間糾纏JS復(fù)雜的高級特性氢架。 1....
    LaBaby_閱讀 1,335評論 0 2
  • 大家好,我是IT修真院深圳分院第3期的學(xué)員孙援,一枚正直純潔善良的前端程序員害淤,今天給大家分享一下,修真院官網(wǎng)前端工程師...
    大大頭大閱讀 7,658評論 1 72