ajax
1.什么是ajax
ajax就是在不刷新整個頁面的情況下,去更新局部頁面的內容(無刷新技術)
2.ajax有什么優點
最大的一點是頁面無刷新,在頁面內與服務器通信,給用戶的體驗非常好。
使用異步方式與服務器通信,不需要打斷用戶的操作,具有更加迅速的響應能力。
可以把以前一些服務器負擔的工作轉嫁到客戶端,利用客戶端閑置的能力來處理,減輕服務器和帶寬的負擔,基于標準化的并被廣泛支持的技術,不需要下載插件或者小程序。
3.ajax通常用應用在那些場景
- 場景1. 用Ajax進行數據驗證
- 場景2. 按需加載數據
- 場景3. 自動更新頁面
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 %}>凍結</option></select>
js的代碼
# $.get(路徑,傳值,請求成功的方法,數據方式)$(".sel_status").change(function(){// 獲取status的值,this代表當前對象本身var status = $(this).val();// 獲取當前修改的內容的id,attr獲取對象中的屬性var uid = $(this).attr('uid')// 構建ajax$.get('{% url 'myadmin/user/edit_status' %}',{'uid':uid,'status':status},function(data){//data就是用來接收后臺返回的值,可自定義 alert(data.msg) },'json')})
注意:
- ajax請求的方法中只能以json的格式進行返回
- ajax請求的方法中如果存在打印,那么會終止ajax程序
5.select改變事件
change:只要select表單中的內容被改變,就會觸發這個事件
6.返回ajax的函數
1.引入JsonResponse
from django.http import HttpResponse,JsonResponse
2.JsonResponse返回的格式
return JsonResponse(字典)
作者:秋葉夏風
出處:https://blog.csdn.net/qq_40223983
本文版權歸作者和CSDN博客共有。歡迎轉載,但必須保留此段聲明,且在文章頁面明顯位置給出原文連接!