ajax

1.什么是ajax

ajax就是在不刷新整個(gè)頁(yè)面的情況下，去更新局部頁(yè)面的內(nèi)容（無(wú)刷新技術(shù)）

2.ajax有什么優(yōu)點(diǎn)

最大的一點(diǎn)是頁(yè)面無(wú)刷新，在頁(yè)面內(nèi)與服務(wù)器通信，給用戶的體驗(yàn)非常好。
使用異步方式與服務(wù)器通信，不需要打斷用戶的操作，具有更加迅速的響應(yīng)能力。
可以把以前一些服務(wù)器負(fù)擔(dān)的工作轉(zhuǎn)嫁到客戶端，利用客戶端閑置的能力來(lái)處理，減輕服務(wù)器和帶寬的負(fù)擔(dān),基于標(biāo)準(zhǔn)化的并被廣泛支持的技術(shù)，不需要下載插件或者小程序。

3.ajax通常用應(yīng)用在那些場(chǎng)景

• 場(chǎng)景1. 用Ajax進(jìn)行數(shù)據(jù)驗(yàn)證
• 場(chǎng)景2. 按需加載數(shù)據(jù)
• 場(chǎng)景3. 自動(dòng)更新頁(yè)面

4.ajax的格式

1.在html編寫js代碼
html的代碼

<select style="color:red;" uid="{{ v.id }}" class="sel_status"><option value="0" {% if v.status == 0%}selected {% endif %}>正常</option><option value="1" {% if v.status == 1%}selected {% endif %}>凍結(jié)</option></select>

js的代碼

# $.get(路徑，傳值，請(qǐng)求成功的方法，數(shù)據(jù)方式)$(".sel_status").change(function(){// 獲取status的值,this代表當(dāng)前對(duì)象本身var status = $(this).val();// 獲取當(dāng)前修改的內(nèi)容的id，attr獲取對(duì)象中的屬性var uid = $(this).attr('uid')// 構(gòu)建ajax$.get('{% url 'myadmin/user/edit_status' %}',{'uid':uid,'status':status},function(data){//data就是用來(lái)接收后臺(tái)返回的值，可自定義 alert(data.msg) },'json')})

注意:

• ajax請(qǐng)求的方法中只能以json的格式進(jìn)行返回
• ajax請(qǐng)求的方法中如果存在打印，那么會(huì)終止ajax程序

5.select改變事件

change:只要select表單中的內(nèi)容被改變，就會(huì)觸發(fā)這個(gè)事件

6.返回ajax的函數(shù)

1.引入JsonResponse

from django.http import HttpResponse,JsonResponse

2.JsonResponse返回的格式

return JsonResponse(字典)

作者：秋葉夏風(fēng)
出處：https://blog.csdn.net/qq_40223983
本文版權(quán)歸作者和CSDN博客共有。歡迎轉(zhuǎn)載，但必須保留此段聲明，且在文章頁(yè)面明顯位置給出原文連接！

總結(jié)

以上是生活随笔為你收集整理的Django中使用ajax技术概述的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。